Vue3中的事件修饰符
原创
tips:
- . prevent：阻止默认事件的发生 默认事件指对DOM的操作会引起自动执行的动作，比如点击超链接的时候会进行页面的跳转，点击表单提交按钮时会重新加载页面等，使用".prevent"修饰符可以阻止这些事件的发生。
- 可以对照原生js中的preventDefault()的作用来理解
example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://unpkg.com/vue@3"></script>
</head>
<body>
<div id="michael">
<div id="sky" @mousedown.prevent>aaaaccddee</div> <!--Vue3中的事件修饰符-->
</div>
<script>
Vue.createApp({
data(){
return {
}
}
}).mount("#michael")
// sky.onclick = function(){
// alert(1);
// }
//滑动鼠标，无法选中
// sky.onmousedown = function(e){
// e.preventDefault(); //阻止事件默认行为
// //return false;
// }
</script>
</body>
</html>原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
腾讯云开发者
