vue 禁用div、h3的点击事件
使用属性时，我们会发现无论flag为true还是false，都无法禁止div、h3盒子的鼠标点击事件，因为它只对标签生效；、等盒子属性可以用css属性来控制。
·
使用：disabled=“flag”属性时，我们会发现无论flag为true还是false，都无法禁止div、h3盒子的鼠标点击事件，因为它只对<button>标签生效； <div>、<h3>等盒子属性可以用css属性来控制。
1、禁用点击事件
h3{
pointer-events: none; //阻止鼠标事件
}2、禁用鼠标样式
h3{
cursor: not-allowed; //禁用鼠标样式
}结合这两个属性就可以禁用div、h3系列盒子的鼠标点击事件了~
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
4
0- 0
已为社区贡献3条内容
所有评论(0)