首頁  >  文章  >  web前端  >  在vue中如何阻止click事件冒泡

在vue中如何阻止click事件冒泡

亚连
亚连原創
2018-06-07 11:12:104532瀏覽

下面我就為大家分享一篇vue中阻止click事件冒泡,防止觸發另一個事件的方法,具有很好的參考價值,希望對大家有所幫助。

使用vue阻止子級元素的click事件冒泡,很簡單,用stop

<p @click="test1()"> 
   <span @click.stop="test2()">按钮1</span> 
   <span>按钮2</span> 
</p>

這樣點選p裡面的按鈕1,就不會觸發p綁定時間test1()方法。

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

JavaScript運作原理

#vue中全選與反選

詳解講解使用jest測試react native元件

以上是在vue中如何阻止click事件冒泡的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn