Vue常用修饰符

一、事件修饰符

1. .stop阻止冒泡

<a @click.stop="fn">跳转</a>

2. .prevent阻止默认行为

<a @click.prevent="fn">跳转</a>

二、按钮修饰符

1. delete：删除键

<input @keyup:delete="fn" >

2. enter:回车键

<input @keyup:enter="fn" >

3.自定义按钮修饰符

      <input type="text" v-model="msg" @keyup.17="fn1" />
// 或者 给自定义按键修饰符起个名字
<input type="text" v-model="msg" @keyup.hh="fn1" />
    <script>
      Vue.config.keyCodes.hh = 17;
      var vm = new Vue({
        el: "#app",
        data: {
          msg: "你好"
        },
        methods: {
          fn1: function(e) {
            console.log(e.keyCode);
          }
        }
      });