vue中如何实现列表的详情页获取及渲染使用query方法

作者:老吴 (转载请注明出处)

1、页面跳转方式

• 在vue项目开发中使用频率最多的有两种跳转方式query和params跳转，他们都属于$route里的参数
• 他们都使用this.$router.push({})进行跳转
• query用于get信息的传输,比如详细页id，姓名，等等
• params用于post信息的传输,比如用户密码，等其他保密信息

2、使用query跳转路由

在vue列表中使路由跳转的方式可以使用$router.push({name:'',query:''}),方式来跳转

• 1、HTML

<van-image :src="ele.pic" @click="$router.push({name:'apps',query:{id:ele.id}})"/>