vue html绑定点击事件,vue实现在v-html的html字符串中绑定事件

vue实现在v-html的html字符串中绑定事件

需求：

需要在v-html的html字符串的button中绑定点击事件，需要点击后做一些操作，必须渲染成html，但是渲染后的html里面写绑定事件的代码没有经过vue编译，所以事件无效。

computed: {

html () {

return ''

},

},

解决办法：

在v-html同级元素中使用事件绑定，然后根据事件触发的目标对象去判断和获取参数。

addComment:function (event) {

if(event.target.nodeName === 'BUTTON'){

// 获取触发事件对象的属性

alert("a");

}

},

以上这篇vue实现在v-html的html字符串中绑定事件就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

时间： 2019-10-25

1.Vue.js事件绑定的一般格式 v-on:click='function' v-on:click/mouseout/mouseover/ @click 2.Vue.js事件绑定的实现 2.1 JavaScript代码

本文实例讲述了vue.js绑定事件监听器.分享给大家供大家参考,具体如下:

Vue实例中的数据,事件和方法