<div id="sky" @mousedown.prevent="abc>1d32a1s31d65asd498qwe76q4w1asd32</div>
禁止鼠标点击使得指定标签内的内容不可以被选中@mousedown.prevent vue3 的用法
js 原生的两种方式
sky.onmousedown = function(){ return false; //方法1 }
sky.onmousedown = function(e){ e.preventDefault();}
//阻止事件冒泡
document.querySelector('.leo1').onclick=function (e){
//e.cancelBubble = true; //方法1
e.stopPropagation(); //方法2
}
//vue3 @click.stop 使用stop 即可
-----------------------------------------
vue3 事件修饰符
@click.captrue 优先执行、捕获事件，
@click.once 只能执行一次
@click.self 点到谁是谁 从上层开层判断
@scroll.passive 滚动事件优化不能与prevent一起用