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系列盒子的鼠标点击事件了~
更多推荐
所有评论(0)