【记录】vue3在v-html或js渲染html中赋值点击事件

点击事件

最近再写vue3项目,有个需求在各个icon中给元素点击事件,由于我是用的gridstack,所以需要给每个gridstack的item绑定点击事件,然后通过点击事件来获取当前点击的元素。

本来想用vue常见的@click,但是写了不生效,所以换成了原生的事件,在js中点击事件如下:
【记录】vue3在v-html或js渲染html中赋值点击事件_第1张图片

  const el = `
        
点我
`
;

然后是定义事件

const handleClick = (option: Object) => {
  console.log(option)
}

生命周期window下挂载该事件

onMounted(() => {
 // .......
  window.handleClick = handleClick
});

完成

完成以上步奏即可

你可能感兴趣的:(javascript,html,vue.js)