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

作者: 渐渐懂了吧 | 来源:发表于2021-03-16 18:01 被阅读0次

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

.my-class {
  XXXXX
}

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

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

clickHtml(e) {
  if (e.target.id === "99") {
    XXXXX
  }
}

Vue为v-html添加class和click事件
例如html内容是XXXXX 添加cl...
2018-09-17
昨天看了vue基础：{{msg}} v-text v-html事件：@click双向绑定 v-model属性绑...
第四讲、Vue3.x中的事件方法详解、事件监听、方法传值、事件对
一、Vue3.x监听事件vue中监听事件可以使用v-on:click或者 @click ,@click 为v-on...
Vue基础
插入文本 v-text v-html v-on click：单击事件 dblclick：双击事件 mouseent...
Vue根据条件添加click事件
需求：根据特定条件，增加或者去掉click事件（例如：clickFlag == true时，添加click事件；c...
<Vue2.x>总结：知识点
一、Vue事件 1、为组件绑定原生事件可以通过@click.native的方式来进行绑定示例：二、Vue指令...
点击事件
vue的文档非常垃圾不要去百度以@为族 @click.stop 防止事件冒泡 @click.native 清楚n...
Jquery 事件
bind()向元素添加事件处理程序 blur()添加、触发失去焦点事件 change()添加、触发事件 click...
vue2.0 实现click点击当前li，动态切换class
vue实现click点击当前li，动态切换class的原理是什么？
Vue项目中给导航的router-link组件添加点击事件
最近开发Vue项目过程中遇到一个问题，在给添加 @click 点击事件时，不起任...