河南營銷網(wǎng)站建設(shè)聯(lián)系方式搜索引擎有哪些分類
?最近做vue3項目,使用Element Plus,又遇到坑了!
問題點:組件中遇到事件冒泡問題了,el-checkbox?中 @change事件要求阻止冒泡,如下代碼中要求點擊checkbox時不調(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">測風(fēng)塔</el-checkbox></div>
</li>
使用vue3的事件修飾符報錯
在el-checkbox?中用?@change.stop?發(fā)現(xiàn)不起作用,報錯,沒有相關(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">測風(fēng)塔</el-checkbox></div>
</li>
其他el組件也一樣處理