v-on的修饰符
1.? ?.stop修飾符的使用
2.? .prevent修飾符的使用
3.? ?.監聽某個鍵盤的鍵帽
4.? .once修飾符的使用
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body><div id="app"><!--1. .stop修飾符的使用--><div @click="divClick">aaaaaaa<button @click.stop="btnClick">按鈕</button></div><!--2. .prevent修飾符的使用--><br><form action="baidu"><input type="submit" value="提交" @click.prevent="submitClick"></form><!--3. .監聽某個鍵盤的鍵帽--><input type="text" @keyup.enter="keyUp"><!--4. .once修飾符的使用--><button @click.once="btn2Click">按鈕2</button> </div><script src="../js/vue.js"></script> <script>const app = new Vue({el: '#app',data: {message: '你好啊'},methods: {btnClick() {console.log("btnClick");},divClick() {console.log("divClick");},submitClick() {console.log('submitClick');},keyUp() {console.log('keyUp');},btn2Click() {console.log('btn2Click');}}}) </script></body> </html>?
總結
- 上一篇： v-on的参数问题
- 下一篇： v-if 和 v-else-if 和v-