vue 禁用div、h3的点击事件

        使用：disabled=“flag”属性时，我们会发现无论flag为true还是false，都无法禁止div、h3盒子的鼠标点击事件，因为它只对<button>标签生效； <div>、<h3>等盒子属性可以用css属性来控制。

1、禁用点击事件

h3{
    pointer-events: none;   //阻止鼠标事件
}

2、禁用鼠标样式

h3{
    cursor: not-allowed; //禁用鼠标样式
}

结合这两个属性就可以禁用div、h3系列盒子的鼠标点击事件了~