@click.stop的作用_@click.stop=

作者：凡人多烦事01 | 2024-02-13 02:27:05

踩

@click.stop=

@click.stop表示阻止事件向外传播（即: 阻止事件冒泡）

代码演示


<template>
  <div id="app">
    <div v-on:click="dodo">
      <button v-on:click.stop="doThis">阻止点击事件继续向外传播</button>
    </div>
  </div>
</template>
 
<script>
export default {
  methods: {
    doThis: function () {
      alert("里层");
    },
    dodo: function () {
      alert("外层");
    },
  },
};
</script>

上面代码点击后，只会弹出里面的事件，“里层”

而外层的事件则不会被触发。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/79421