河南營(yíng)銷網(wǎng)站建設(shè)聯(lián)系方式搜索引擎有哪些分類
?最近做vue3項(xiàng)目,使用Element Plus,又遇到坑了!
問(wèn)題點(diǎn):組件中遇到事件冒泡問(wèn)題了,el-checkbox?中 @change事件要求阻止冒泡,如下代碼中要求點(diǎn)擊checkbox時(shí)不調(diào)用li標(biāo)簽的show方法
<li @click="show()"><div>li內(nèi)容</div><div><el-checkbox@change="(val)=>handleCheckTower(val,item)"v-model="item.showCft">測(cè)風(fēng)塔</el-checkbox></div>
</li>
使用vue3的事件修飾符報(bào)錯(cuò)
在el-checkbox?中用?@change.stop?發(fā)現(xiàn)不起作用,報(bào)錯(cuò),沒(méi)有相關(guān)方法,坑死
最后取巧方法:
給元素包一層父元素,父元素上使用@click.stop,阻止事件冒泡
?
<li @click="show()"><div>li內(nèi)容</div><div @click.stop><el-checkbox@change="(val)=>handleCheckTower(val,item)"v-model="item.showCft">測(cè)風(fēng)塔</el-checkbox></div>
</li>
其他el組件也一樣處理