vue click.stop阻止點擊事件繼續傳播的方法

來源：懂視網責編：小采時間：2020-11-27 22:08:30

vue click.stop阻止點擊事件繼續傳播的方法

vue click.stop阻止點擊事件繼續傳播的方法:如下所示： <div id=app> <div v-on:click=dodo> <button v-on:click=doThis>阻止單擊事件繼續傳播</button> </div> </div> <script> var app = new

推薦度：

點擊下載本文 文檔為doc格式

導讀vue click.stop阻止點擊事件繼續傳播的方法:如下所示： <div id=app> <div v-on:click=dodo> <button v-on:click=doThis>阻止單擊事件繼續傳播</button> </div> </div> <script> var app = new

如下所示：

<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阻止點擊事件繼續傳播的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

vue click.stop阻止點擊事件繼續傳播的方法

推薦度：

點擊下載本文 文檔為doc格式

標簽： VUE click click.stop阻止點擊事件繼續傳播的方法

熱門焦點

vue click.stop阻止點擊事件繼續傳播的方法

vue click.stop阻止點擊事件繼續傳播的方法

vue click.stop阻止點擊事件繼續傳播的方法

最新推薦

猜你喜歡

熱門推薦