<template>
<view>
<v-tabs-column :tabs="tabs" position="left" v-model="current">
<view class="p" v-for="i in 100" :key="i">{{ i }}我只是静态的文字,展示作用</view>
</v-tabs-column>
</view>
</template>
<script>
export default {
data() {
return {
current: 0,
tabs: ['服装', '手机', '鞋子', '衬衣', 'T桖', '键盘', '电脑', '手机', '玩具', '电瓶车', '背包', '手表', '餐具']
}
}
}
</script>
<style lang="scss">
.p {
margin-left: 80rpx;
}
</style>
- 使用的esaycom,没有效果,是不是还需要配置什么属性,或事件?
- 截图如下 参见附件
- 是在小程序中使用的。
丶且听风吟8 (作者)
动图不会啊,哥!我要实现小程序的vtabs的功能,现在正在研究其代码, https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/vtabs.html
2021-04-09 09:07