v-html添加html代码到页面无效

点点乐淘淘
  • 332

我想把这段代码,插入到网页中

<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>"
    }
  },
回复
阅读 7.8k
2 个回答

v-html是不会编译的
官网上写着:
‘注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 。如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。’

zhongrisen
  • 2
新手上路,请多包涵

我也遇到同样的问题,请问怎么解决的?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏