vue tab切换
<tab :line-width=2 active-color='#227bd0'> <tab-item selected badge-label="1" @on-item-click="tabClick()">上午</tab-item> <tab-item badge-color="#fff" @on-item-click="tabClick()">下午</tab-item> </tab>
<div v-if="index" class="sw">
上午的所有内容...
</div>
<div v-else class="xw">
下午的所有内容
</div>
<script>
import { Tab, TabItem } from 'vux'
export default {
components: {
Tab,
TabItem
},
data () {
return {
index: true,
},
methods: {
tabClick () {
this.index = !this.index
}
}
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步