vue中v-html渲染的html字符串中绑定事件

最近的项目中,使用得vue作为基础框架。有这样一个需求,后台返回的数据是带有方法的html文本,那么需要通过v-html去渲染出来,并且html的标签上带有绑定事件,事件需要可点击。

那么,这里利用JavaScript事件捕获,通过给使用v-html的标记绑定click事件,捕获到点击的标记。从而实现vue动态绑定dom元素事件的效果;

  • 后台返回的模拟数据:vue模板写法
  •  vue模板写法                                                                                                                                                                              
  • js方法                                                               
  • 页面效果         
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页