如何解决如何对Vue JS中的本机事件做出反应?
我正在使用v-html
渲染html,其中我将其绑定到如下的click事件:
<template>
<q-page fill-height>
<div>
<q-btn flat @click="drawer = !drawer" round dense icon="menu" />
<span v-html="html"></span>
</div>
</q-page>
</template>
<script>
...
data: {
return {
id: null
}
},mounted() {
this.$el.children[0].children[1].addEventListener("click",function(event) {
event.preventDefault();
console.log(event.target.id)
});
}
</script>
这将按预期将event.target.id
打印到控制台。似乎无法将event.target.id
的值设置为反应性属性。
如何设置event.target.id
的值等于其他反应性数据属性,以便我可以正确处理更改?
解决方法
[摘自我上面的评论]
您无需在此处添加本地点击处理程序。 @click.prevent="handleClick($event)"
也可以使用(其中handleClick
是自定义方法)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。