@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>

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

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

标签：function,stop,alert,阻止,事件,click,作用
来源： https://blog.csdn.net/qq_44603011/article/details/123639882