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);
},
上一篇: tabs切换的实现方式