Vue element 只给label 绑定事件 怎么弄??

    <el-tabs type="border-card"  >
      <!-- <el-tab-pane>
        <template #label>
          <span><i class="el-icon-date"></i> Route</span>
        </template>
      </el-tab-pane> -->
      <el-tab-pane label="委托" index="/home/order" @click="handleClick">123</el-tab-pane>      要绑定在'委托上' 而不是 '123'
      <el-tab-pane label="测试" index="/home/test"></el-tab-pane>
      <el-tab-pane label="查询" index="/home/search"></el-tab-pane>
      <el-tab-pane label="设置" index="/home/settings"></el-tab-pane>
      <router-view></router-view>
  </el-tabs>

要把@click="handleClick" 绑定在'委托' 而不是里面的内容 '123 ' 上

哈喽，绑定在el-tabs,在handleClick中进行判断点了哪一个tab

   <el-tabs type="border-card" @tab-click="handleClick" >
      <!-- <el-tab-pane>
        <template #label>
          <span><i class="el-icon-date"></i> Route</span>
        </template>
      </el-tab-pane> -->
      <el-tab-pane label="委托" index="/home/order" >123</el-tab-pane>      要绑定在'委托上' 而不是 '123'
      <el-tab-pane label="测试" index="/home/test"></el-tab-pane>
      <el-tab-pane label="查询" index="/home/search"></el-tab-pane>
      <el-tab-pane label="设置" index="/home/settings"></el-tab-pane>
      <router-view></router-view>
  </el-tabs>

不行哦除非这样

```html

<el-tab-pane >  <span>label="委托"  @click="handleClick"</span>  <span>123</span>  </el-tab-pane > 

```

绑委托 你直接绑在el-tabs上呀 没看明白

可以百度一下事件委托

添加@click.stop或@click.native.stop在子元素标签上即可实现点击子元素不触发父元素的点击事件