vue(修饰符once,prevent,stop,监听键盘按键(keyup,keydown))
直接上代码<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script src="./vue.js"></script></hea...
·
直接上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="./vue.js"></script>
</head>
<body>
<div id="root" >
<!--修饰符stop,阻止冒泡,当点击button的时候不会触发外面div的click1-->
<div @click="click1">
aaaaaa
<button @click.stop="click2">按钮1</button>
</div>
<!--修饰符prevent,阻止提交,并且执行submitClick-->
<form action="baidu">
<input type="submit" value="提交" @click.prevent="submitClick" />
</form>
<!--监听键盘上某个按钮是否按下,@key(up松开,down按下).(enter enter键,j j键),当按下或松开某个键的时候触发事件keyUp-->
<input type="text" @keydown.enter="keyUp" />
<!--修饰符once,只触发一次-->
<button @click.once="click1">按钮</button>
</div>
<script>
new Vue({
el:"#root",
data:{
a:100
},
methods:{
click1(){
console.log("click1");
},
click2(){
console.log("click2");
},
submitClick(){
console.log("submitClick");
},
keyUp(){
console.log("keyUp");
},
click3(a,event){
console.log(a,event);
}
}
})
</script>
</body>
</html>
更多推荐
已为社区贡献3条内容
所有评论(0)