工作252:uniapp--实战--uview---tabber

第一步

		<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>

运行结果