vue v-htmlのhtml文字列にイベントをバインドする
591 ワード
必要:
v-htmlのhtml文字列のbuttonでクリックイベントをバインドする必要があります.クリックした後にいくつかの操作をする必要があります.htmlにレンダリングする必要がありますが、レンダリング後のhtmlにバインドイベントを書くコードはvueコンパイルされていないので、イベントは無効です.
v-htmlのhtml文字列のbuttonでクリックイベントをバインドする必要があります.クリックした後にいくつかの操作をする必要があります.htmlにレンダリングする必要がありますが、レンダリング後のhtmlにバインドイベントを書くコードはvueコンパイルされていないので、イベントは無効です.
computed: { html () { return '
解决办法:
在v-html同级元素中使用事件绑定,然后根据事件触发的目标对象去判断和获取参数。
addComment:function (event) {
if(event.target.nodeName === 'BUTTON'){
//
alert("a");
}
},