Vue为v-html添加class和click事件

例如html内容是<span id='99' class='my-class'>XXXXX</span>

添加class：

在.vue文件中新建一个<style></style>标签，将my-class的内容写在里面，注意不能带scoped

.my-class {
  XXXXX
}
添加click点击事件：

在v-html所在标签外的标签进行绑定，通过event来判定点击到哪个标签，也就是说事件不要绑定在v-html所在的标签

<div @click="clickHtml">
  <div v-html="html"></div>
</div>

clickHtml(e) {
  if (e.target.id === "99") {
    XXXXX
  }
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。