「Vue.js入門」v-htmlコマンドでhtmlコードを出力するサンプル
説明
DOM要素の内側をinnerHTMLとして書き換えます。
使用例
<div id="cftapp">
<div v-html="message"></div>
</div>
<script>
new Vue({
el: '#cftapp',
data: {
message: '<h1>study in arkgame</h1>'
}
})
</script>
<div id="cftapp">
<div v-html="message"></div>
</div>
<script>
new Vue({
el: '#cftapp',
data: {
message: '<h1>study in arkgame</h1>'
}
})
</script>
<div id="cftapp">
<div v-html="message"></div>
</div>
<script>
new Vue({
el: '#cftapp',
data: {
message: '<h1>study in arkgame</h1>'
}
})
</script>