12_Vue事件总结

1|0事件总结

1|1事件修饰符连携

1|0准备工作

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>

1|0测试

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

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

1|0事件连携

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

1|2系统修饰符

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

__EOF__

本文作者：muzlei
本文链接：https://www.cnblogs.com/wavesbright/p/16827044.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！