前端,<v-tabs v-model="current" :tabs="tabs" :pills="true" pillsBorderRadius="30px" pillsColor="#FF6E42" bgColor="#F5F5F5" line-height="0" activeColor="#fff" @change="changeTab" @click="choiceType()"></v-tabs>如何在choiceType方法里传tabs数组的下标请给出html代码
时间: 2023-07-06 19:31:49 浏览: 145
docsify,docsify-tabs 展示插件
你可以在html代码中使用$event来传递当前点击的tabs数组的下标值,具体的做法如下所示:
```
<v-tabs v-model="current" :tabs="tabs" :pills="true" pillsBorderRadius="30px" pillsColor="#FF6E42" bgColor="#F5F5F5" line-height="0" activeColor="#fff" @change="changeTab" @click="choiceType($event)"></v-tabs>
```
在这里,我们把$event作为参数传递给了choiceType方法,然后在方法内部可以获取到当前点击的tabs数组的下标值,具体的实现方式可以是这样的:
```
methods: {
choiceType(index) {
// index就是当前点击的tabs数组的下标值
// 在这里你可以使用index做你想要的操作
}
}
```
这样就可以在choiceType方法里获取到tabs数组的下标值了。
阅读全文