native
如果不使用.native,在子组件tree上绑定click是不会执行的
<edit-detail-form :dialog-visible-prop="dialogVisibleProp" @editProgress="submitEditDetailForm" @click.native="clickTree" />
clickTree() { // 组件上添加可执行
console.log('我点击了tree')
},
stop @click.stop=""阻止el-switch单击事件冒泡,阻止父组件el-collapse-item的默认事件生效
image.png
<el-collapse id="collapse-panel" v-model="activeName">
<el-collapse-item name="2">
<template slot="title">
主车:<span @click.stop=""><el-switch
v-model="viewPort"
active-text="主车视角"
inactive-text="自由视角"
/></span>
</template>
<div class="car-info">
<span class="half-text">{{ gear }}</span>
<span class="half-text mode">{{ drivingMode }}</span>
</div>
</el-collapse-item>
</el-collapse>