当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue click.stop阻止点击事件继续传播的方法

vue click.stop阻止点击事件继续传播的方法

2018年09月21日  | 移动技术网IT编程  | 我要评论

屠魔令1.45隐藏密码,火影忍者之炎之中忍试验,谭忠恕原型

如下所示：

<div id="app">
  <div v-on:click="dodo">
   <button v-on:click="dothis">阻止单击事件继续传播</button>
  </div>
 </div>

 <script>
  var app = new vue({
   el: "#app",
   data: {
    name: "vue.js"
   },
   methods: {
    dothis: function () {
     alert("noclick");
    },
    dodo: function () {
     alert("dodo");
    }
   }
  });
 </script>

将会先弹出“noclick”,再弹出“dodo”。

 <div id="app">
  <div v-on:click="dodo">
   <button v-on:click.stop="dothis">阻止单击事件继续传播</button>
  </div>
 </div>

 <script>
  var app = new vue({
   el: "#app",
   data: {
    name: "vue.js"
   },
   methods: {
    dothis: function () {
     alert("noclick");
    },
    dodo: function () {
     alert("dodo");
    }
   }
  });
 </script>

只弹出“noclick”

以上这篇vue click.stop阻止点击事件继续传播的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网