Vue学习

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

2021-03-16  本文已影响0人  渐渐懂了吧

例如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
  }
}
上一篇 下一篇

猜你喜欢

热点阅读