CSS组件的样式绑定 + tab标签切换内容

mac2025-09-06  10

CSS组件的样式绑定 + tab标签切换内容

效果:

实现方式:

<view v-for="(tag1,tag1Num) in tag1List" :key="tag1Num"> <text class="tag1" :class="{tagActive : tag1Num == num }" @click="tag1(tag1Num)">{{tag1}}</text> </view> <view class="" v-show="num == 1"> 页面内容…… <view> <script> export default { data() { return { // 分类标签 num : 0, tag1List : ["1","2","3","4"] } }, methods: { tag1(tag1Num){ this.num = tag1Num }, // 标签的切换 changeTab(lab){ this.navIdx = lab; } } </script>
最新回复(0)