vue v-htmlのhtml文字列にイベントをバインドする

591 ワード

必要:
v-htmlのhtml文字列のbuttonでクリックイベントをバインドする必要があります.クリックした後にいくつかの操作をする必要があります.htmlにレンダリングする必要がありますが、レンダリング後のhtmlにバインドイベントを書くコードはvueコンパイルされていないので、イベントは無効です.
computed: { html () { return '

解决办法:

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

addComment:function (event) {
  if(event.target.nodeName === 'BUTTON'){
	//            
	alert("a");
  }
},