vue.js使用v-html插入模版,绑定事件v-on:click事件不能触发,被当做字符串解析问题


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM