vue @click.native

2024-04-16  本文已影响0人  艾希_可可

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>

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

上一篇 下一篇

猜你喜欢

热点阅读