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

Question

    <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 ' 上

Answer 1

哈喽，绑定在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>