鍍金池/ 問答/HTML/ v-html添加html代碼到頁面無效

v-html添加html代碼到頁面無效

我想把這段代碼，插入到網(wǎng)頁中

<a v-on:click.stop='doThis'>doThis</a>

使用v-html無效，頁面只輸出了doThis
官方文檔推薦使用的是v-html，為什么會無效呢？

下面是代碼片段

html

<span v-html="stopEventHtml"></span>
data () {
    return {
      stopEventHtml : "<a v-on:click.stop='doThis'>doThis</a>"
    }
  },
回答
編輯回答
玩控

v-html是不會編譯的
官網(wǎng)上寫著：
‘注意：內(nèi)容按普通 HTML 插入 - 不會作為 Vue 模板進(jìn)行編譯 。如果試圖使用 v-html 組合模板，可以重新考慮是否通過使用組件來替代?！?/p>

2018年2月2日 01:56