uni-app 路由传参

// 组件内 添加事件
<view class="usermain" @click="toppeg(value.liaison_id)">
</view>
// 接收数据
props: {
    
    
	value: Object
},
methods:{
    
    
	toppeg(id){
    
    
		uni.navigateTo({
    
    
		// 要跳转的页面从/pages开始到结束 拼接 ?id=" + id
			url:"/pages/text1/liaison/liaison"+"?id=" + id
		})
		console.log(id)
		console.log(this.value)
	}
}

在页面data中定义 没条数据的id 正常为后端提供（方便记录）

textonelist: [{
    
    
	liaison_id:"1",
	url: "http://qiniu.jza2c.com/uploads/20190727/Fkw9oHU_XEOwLnFM5-41s8zFj5RG.jpg",
	name: "李鹏",
	job: "榆次区人大常委会主任"
}, {
    
    
	liaison_id:"2",
	url: "http://qiniu.jza2c.com/uploads/20190727/FiEh0Z1x_YLq6WpN1fchOxH3zNtN.jpg",
	name: "武跃",
	job: "榆次区人大常委会副主"
}, {
    
    
	liaison_id:"3",
	url: "http://qiniu.jza2c.com/uploads/20190727/Fv9QbXyM7S558IUlNiPTKw4OtiEB.jpg",
	name: "石山",
	job: "榆次区人大常委会副主任、榆次区总工会主"
}, {
    
    
	liaison_id:"4",
	url: "http://qiniu.jza2c.com/uploads/20190727/Fm83br3hTxnqdMdOD_8S-jfSmpik.jpg",
	name: "李玉",
	job: "榆次区人大常委会副主"
}]

// 在跳转的页面中

<template>
	<view>
		<zqrservice v-for="(item,index) in liaisonList" :key="index" :value="item"></zqrservice>
	</view>
</template>


// 定义便利的数据
data() {
    
    
			return {
    
    
				liaisonList:[],
				liaisonLists:[{
    
    
					liaison_id:"1",
					url:"http://qiniu.jza2c.com/uploads/20190727/Fkw9oHU_XEOwLnFM5-41s8zFj5RG.jpg",
					name:"李鹏飞人大代表",
					thedont:"晋中市第四届人大代表、榆次区第十六届人大代表",
					duty:"榆次区人大常委会主任",
					mill:"[email protected]",
					promise:"坚持和完善人民代表大会制度，尽心履职、开拓创新、扎实工作，保证人民当家作主具体地、现实地落实到榆次的政治生活和社会生活之中。"
				},{
    
    
					liaison_id:"2",
					url:"http://qiniu.jza2c.com/uploads/20190727/FiEh0Z1x_YLq6WpN1fchOxH3zNtN.jpg",
					name:"武跃勇人大代表",
					thedont:"晋中市第四届人大代表榆次区第十六届人大代表",
					duty:"榆次区人大常委会副主任",
					mill:"[email protected]",
					promise:"履职尽责，创新担当，服务群众。"
				},{
    
    
					liaison_id:"3",
					url:"http://qiniu.jza2c.com/uploads/20190727/Fv9QbXyM7S558IUlNiPTKw4OtiEB.jpg",
					name:"石山爱人大代表",
					thedont:"榆次区第十六届人大代表",
					duty:"榆次区人大常委会副主任、榆次区总工会主席",
					mill:"[email protected]",
					promise:"常下基层、从细调研、善代民言。"
				},{
    
    
					liaison_id:"4",
					url:"http://qiniu.jza2c.com/uploads/20190727/Fm83br3hTxnqdMdOD_8S-jfSmpik.jpg",
					name:"李玉忠人大代表",
					thedont:"榆次区第十六届人大代表",
					duty:"榆次区人大常委会副主任、榆次区总工会主席",
					mill:"[email protected]",
					promise:"积极联系选民，为老百姓排忧解难，为群众办实事、做好事。"
				}]
			}
		},




//过滤数据添加到遍历的数据中
onLoad(option) {
    
    
	this.liaisonLists.filter((item)=>{
    
    
		// console.log(item.liaison_id)
		if(item.liaison_id == option.id){
    
    
			this.liaisonList.push(item)
		}
	})
	// console.log(this.liaisonList)
	// console.log(this.liaisonLists)
}