vue.jsで取得したhtmlタグを表示
vue.jsでAPIで文字列を取得した。
その際、APIから渡された配列にはaタグが入っているのに、出力するとタグは表示されるがタグが文字列として出力され、リンクが機能しなかった。
APIから取得した配列からコメント部分を下記のように表示していた。
<div class="message">{{ this.notice.content }}</div>
◆出力内容
これを、参考サイトを元に下記のように書き換えることでリンクを表示できた。
<div v-html="this.notice.content" class="message"></div>
◆出力内容
参考サイト
-
前の記事
【SourceTree/GitLab】SSHキー認証設定（キーの作成→設定） 2020.09.10
-
次の記事
Vue.jsで作成したサイトで個別のページタイトルを設定する 2021.01.14