uniapp通过点击事件click跳转到指定页面

通过点击某个事件跳转到指定页面 首先给个点击事件 设置个名字 再给给它写个跳转函数navigateTo即可 函数要写在方法里

<view class="nav">
		<view class="nav_item" v-for="(item,index) in navList" :key="index" @click="navClick(item.path)">
		    <image :src="item.img"></image>
		    <text>{
   
   {item.title}}</text>
		</view>
</view>

<script>
	export default {
		data() {
			return {
				navList:[
					{
						img:"/static/nav1.png",
						title:"商城超市",
						path:"/pages/navShop/navShop"  //跳转页面地址
					},
					{
						img:"/static/nav2.png",
						title:"联系我们"
					},
					{
						img:"/static/nav1.png",
						title:"社区图片"
					},
					{
						img:"/static/nav2.png",
						title:"学习视频"
					}
				]
		},
		onLoad() {

		},
		methods: {
			//导航点击的跳转处理函数
			navClick (url) {
				uni.navigateTo ({
					url
				})
			}
		}
	}
</script>