12_Vue事件总结

事件总结

事件修饰符连携

准备工作

html

<!-- 定义一个容器 -->
  <div class="app">
    <!-- 事件修饰符连携 -->
    <div class="box" @click="toBaidu">
      <a href="https://www.baidu.com" @click.stop="toBaidu">这是一个链接</a>
    </div>
  </div>

js

<script>
  var vm = new Vue({
    el: '.app',
    data: {
      name: 'wavesbright'
    },
    methods: {
      // 事件冒泡
      toBaidu(e) {
        alert("即将前往百度.......");
      },
  });
</script>

测试

现在我只是阻止了事件冒泡，但是他依然会进行跳转到百度

我需要将这个默认行为也去掉，怎么办？

事件连携

事件修饰符是可以一直写的

系统修饰符

• 关于修饰keyup的系统修饰符
• 想让事件触发，需要，同时按住系统修饰符按键 + 其他按键，松开其他按键，事件启动
• 我现在就想让 ctrl + y 触发 事件，那么上述的就肯定不行