bookreadkun https://blog.hatena.ne.jp/bookreadkun/ おーみんブログ https://oooomincrypto.hatenadiary.jp/ Vue.js はじめに フロントエンドにVue.jsを用いている際にHtmlを動的に出力する処理について備忘録として残します。 v-htmlディレクティブを用いる 結論から言うとv-htmlディレクティブを用いることで対応が可能です。 利用例としては以下のような感じとなります。 <template> <div v-html="testHtml"></div> </template> <script> export default { data() { return { testHtml: "" }; }, created(){ // testHtmlへHtmlを入れる処理 // 値の例は<p>テスト</p>… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Foooomincrypto.hatenadiary.jp%2Fentry%2F2022%2F06%2F26%2F112243" title="【Vue.js】v-htmlディレクティブを用いてHtmlを出力する。 - おーみんブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-06-26 11:22:43 rich https://oooomincrypto.hatenadiary.jp/entry/2022/06/26/112243 1.0 100%