8.7.从onLoad获取参数作为接口的参数获取对应的数据（重点）

1.修改url地址

		<navigator :url="'/pages/classlist/classlist?id='+item._id+'&name='+item.name" class="box" v-if="!isMore">

			<image class="pic" :src="item.picurl" mode="aspectFill"></image>
			<view class="mask">{{item.name}}</view>
			<view class="tab">
				{{compareTimestamp(item.updateTime)}}前更新
			</view>
		</navigator>

说明：1在原有基础上修改url地址，注意使用:url对于传入的参数特殊处理，见代码

2.使用onLoad生命周期函数

关键代码

	import {
		onLoad
	} from '@dcloudio/uni-app'
	const classifyList = ref([]);
	const queryParsms = {}
	/* 注意生命周期 */
	onLoad((e) => {
		let {
			id = null, name = null
		} = e;
		queryParsms.classid = id;
		console.log(id, name);
		uni.setNavigationBarTitle({
			title: name
		})
		getClassfyList()
	})

3.出现的问题以及解决办法

3.1问题

3.2原因

我们调用方法在setup里，但是方法调用时，参数还没有传递，setup执行在onLoad方法前面，所以出现这个问题。

3.3解决办法

将调用接口方法放在onLoad（）方法里面，步骤2已经放入

4.效果

url地址带有参数

参数传递，点击不同图片跳转不同的图片列表