vue專案,在進行點選的時候,如何遮蔽掉一些小的按鈕,阻止冒泡
我們在進行表格的可點選時,前面往往帶有複選框或者收藏按鈕之類的,這時候就需要排除收藏按鈕和複選框這些類。那麼如何解決呢?採取的思路如下:
1.給複選框定義一個型別,type="selection"
2.在點選函式中就可以使用判斷條件來進行復選框的阻止冒泡。
rowDetailShow(row, event, column) {
if(column.type !== 'selection') {
this.selectedItem = row
this.detailShow = true
}
this.tableIndex = row.tableId
},
這樣是一種方法,因為複選框一般都是與表格同步存在的。
還有一種簡單的方法,就是在@click的後面加.stop,就成了這樣,@click.stop="collectStar",這個知識點關聯的是,vue裡面的知識,在文件中的事件修飾符一欄中,我們可以看到:
<!-- 阻止單擊事件冒泡 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再過載頁面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修飾符可以串聯 --><a v-on:click.stop.prevent這裡就先談這些,有些深層次的東西,待接觸到再深究。