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

Question

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

<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>"
    }
  },

Answer 1

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

Answer 2

我也遇到同样的问题，请问怎么解决的？