uni-app书写一个导航条

一，元素容器。

<template>
	<view>
		<view v-if="PageCur=='basics'"></view>
		<view v-if="PageCur=='component'"></view>
		<view v-if="PageCur=='plugin'"></view>
	</view>
</template>

二，js控制。

	export default {
		data() {
		return {
				PageCur: 'basics'
			}
		},
		methods: {
			NavChange: function(e) {
				this.PageCur = e.currentTarget.dataset.cur
				console.log("页面地址"+this.PageCur);
			}
		}
	}

三，在需要的地方添加函数NavChange即可。