在Vue中,我們可以使用@符號和修飾符來綁定事件,如@click.prevent可以阻止默認的瀏覽器行為,但是如果我們需要阻止事件的冒泡呢?這時我們可以使用Vue封裝好的事件修飾符.stop來實現。
在上面的示例中,我們在外層div上綁定了一個@click事件,在內層button上綁定了@click.stop事件修飾符,當點擊按鈕時,阻止了事件的冒泡,只執行了按鈕的click事件方法handleBtnClick,并輸出了'inner click',而外層div的點擊事件方法handleClick不再執行。
通過Vue提供的事件修飾符.stop,我們可以方便地控制事件的冒泡,從而實現更加精準的事件響應。
上一篇vue 頁面跳轉
下一篇mysql全局事務id