这里第三行和第四行的<a>标签分别是用v-html加进去的和直接写死绑定的事件,很明显看到第三行的a标签绑定的click 被当成字符串解析了,点击事件没有任何的作用,这里是因为v-html里的东西,调不到this.methods的东西,因为methods里的代码是编译后在浏览器里运行的,内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。
当然官网本身也不建议使用v-html,安全性考虑,不过解决这个问题可以使用事件代理来解决,把事件绑定到父元素上即可,但鉴于当时的需求我正是要判断什么样的需要点击,什么的不需要点击,所以最后我是用了v-if实现的想要的渲染效果。