Tab切换
移动端
<div>
<li @click="tabchange= 0" :class="{ active: tabchange== 0 }">
标题1
</li>
<li @click="tabchange= 1" :class="{ active: tabchange== 1 }">
标题2
</li>
</div>
<div v-show="tabchange== 0">第一页</div>
<div v-show="tabchange== 1">第二页</div>
<script>
data() {
return {
//tab
tabchange: 0,
};
}
</script>
<style lang="scss" scoped>
.active {
background-color: pink !important;
color: #fff !important;
}
</style>