我想知道在render里面寫的方法怎么阻止事件冒泡和捕獲呢?vue的官網(wǎng)只找到了上面的模板寫法。
<template>
<Table highlight-row :columns="tabletitle" :data="tablecontent"
@on-current-change="currentchangefn" @on-select="onselectfn"
@on-select-all="onselectallfn" @on-selection-change="onselectionchangefn" border>
</Table>
</template>
<script>
{
title: "操作",
key: "action",
width: 150,
align: "center",
render: (h, params) => {
return h("div", [
h(
"Button",
{
props: {
type: "primary",
size: "small"
},
style: {
marginRight: "5px"
},
on: {
click: () => {
this.viewfn(params);
}
}
},
"查看"
)
]);
}
},
{
title: "啟用/鎖定",
key: "operate",
width: 150,
align: "center",
render: (h, params) => {
let self = this;
return h("div", [
h("iSwitch", {
props: {
size: "large"
},
on: {
"on-change": () => {
console.log("啟用", self, this);
}
}
})
]);
}
}
</script>
table組件的那些方法點(diǎn)擊的時(shí)候觸發(fā)一些函數(shù),然后我自己在data里寫了個(gè)render iSwitch
如下圖
比方說,我點(diǎn)擊當(dāng)前這一行(隨意一行),觸發(fā)table的'@on-current-change="currentchangefn" @on-select="onselectfn" @on-select-all="onselectallfn" @on-selection-change="onselectionchangefn"' 這些方法,在控制臺console一個(gè)1。然后我點(diǎn)擊“啟用/鎖定”的時(shí)候console一個(gè)2,但是還是會觸發(fā)這些方法,再console一個(gè)1。我感覺應(yīng)該是 事件冒泡,但是在render函數(shù)里怎么阻止事件冒泡沒有頭緒。有知道的大神給解答一下吧
提完問題就在 vue 的官方文檔上找到了render的解釋 事件 & 按鍵修飾符.
render函數(shù)中 自帶event事件,不用傳參。不用寫e,直接event.stopPropagetion()就可以了。
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。