0
点赞
收藏
分享

微信扫一扫

vue tab 切换

花姐的职场人生 2022-11-26 阅读 98

<template>
<view>
<!-- 内容 -->
<view class="content_box">
<view class="content">
<!-- 分类 -->
<view class="classification">
<text @click="taskSwitch(0)">全部</text>
<text @click="taskSwitch(1)">我的发表</text>
</view>
<hr>
<!-- -->
<view class="whole" v-if="category == 0">
全部的页面
</view>
<view class="publish" v-if="category == 1">
我的发表
</view>
</view>
</view>
</view>
</template>

<script>
import card from "../../coponents/card/card.vue"
export default {
data() {
return {
category: 0,
}}
methods: {
taskSwitch(i) {
if (i == 0) {
this.category = i
} else {
this.category = i
}
}
}
}
</script>

 样式自己调

 



举报

相关推荐

VUE 实现tab切换页面效果

tab切换案例

Tab栏切换

tab 栏切换

javasript | tab切换

滚动列表切换tab

手写tab左右切换

0 条评论