第一步

<u-tabbar v-model="current" :list="list" :current="current" :mid-button="true" @change="change"></u-tabbar>

第二步

export default {data() {return {list: [{iconPath: "home",selectedIconPath: "home-fill",text: '打卡',customIcon: false,},{iconPath: "photo",selectedIconPath: "photo-fill",text: '打卡記錄',customIcon: false,},],current: 0}},methods: {change(index) {this.current = index;console.log(this.current)}}} </script><style></style>

運(yùn)行結(jié)果

總結(jié)

以上是生活随笔為你收集整理的工作252:uniapp--实战--uview---tabber的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。