8.uniapp实现跳转页面,tabbar页面,对应页面接收参数

1.绑定点击事件

<view class="sugg-list" v-if="SearchLists.length !== 0">
	<view class="sugg-item" v-for="(item, i) in SearchLists" :key="i"                       @click="gotoDetail(item.goods_id)">
		<view class="goods-name">{{item.goods_name}}view>
        //uni-ui的icon的图标的使用
		<uni-icons type="arrowright" size="16">uni-icons>
	view>
view>

2.在script下实现跳转

gotoDetail(id) {
	uni.navigateTo({
		url: `/subpkg/goods_detail/goods_detail?good_id=${id}`
	})
},

2.1补充—如果是要去往tabbar页面的话,使用navigateTo就不行了,这个时候必须使用switchTab

gotoDetail(id) {
		uni.switchTab({
			url: '/pages/cate/cate'
		})
},

3.那么在对应的页面如何拿到传递的参数呢

//在onLoad中,通过options拿到 你跳转页面是携带的参数,然后将参数的值赋给一个变量 最后调用接口,并把参数传过去
onLoad(options) {
	// 获取商品id
	const goods_id = options.goods_id
	// 调用方法
	this.getDetailList(goods_id)
}

你可能感兴趣的:(前端,javascript,html,uniapp)