VUE tabs切换

最新推荐文章于 2025-06-13 11:04:32 发布

转载最新推荐文章于 2025-06-13 11:04:32 发布 · 4.5k 阅读

vue 专栏收录该内容

29 篇文章

订阅专栏

博客提到每次切换时向后台传递一个状态，同时要打印方法的参数。主要围绕状态传递和参数打印这两个信息技术操作展开。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

每次切换给后台传递一个状态 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);
},