欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

VUE tabs切换

程序员文章站 2024-01-17 21:26:58
...

每次切换给后台传递一个状态 region

<el-tabs v-model="activeName" @tab-click="handleClick">
  <el-tab-pane
    v-for="(item, index) in type_option"
    :key="index"
    :name="item.optValue.toString()"
    :label="item.optName"
    >
  </el-tab-pane>
</el-tabs>

首先打印 下 handleClick 方法的参数

handleClick(tab) 
  console.log(tab);
  console.log(tab.name);
  
  // 找到里面的 name  ,我这里 name 的值 就是你要传给后台的值,
  //然后将  name 值 转换成 int 型,赋给要传递的参数,
  
  this.chartParams.region = parseInt(tab.name);
  this.pageParams.cti_id = parseInt(tab.name);
},