native

如果不使用.native，在子組件tree上綁定click是不會執(zhí)行的

    <edit-detail-form :dialog-visible-prop="dialogVisibleProp"  @editProgress="submitEditDetailForm" @click.native="clickTree" />

clickTree() { //  組件上添加可執(zhí)行
      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>

文件參考
https://www.codenong.com/cs109805756/