1.通过query进行传参。

	function acty() {
				router.push({
					path: '/tiaozhn',
					query: {
						som: "Aaa"
					}
				})
			}
console.log(route.query.som);

在这里插入图片描述

2.通过params进行传参。

	function acty() {
				router.push({
					name: 'tiaozhn',
					params: {
						id: "aaa"
					}
				})
			}
console.log(route.params.id);

在这里插入图片描述

3.通过动态路由方式进行传参。

需要注意的是他是写在路由配置文件中的! router文件夹中的index.js文件中

  {
    path: '/tiaozhn/:id',
    name: 'tiaozhn',
    component: tiaozhn//dizhi
  },
  

这是跳转点击事件。

function acty() {
				
			var id = 1;
			proxy.$router.push('/tiaozhn/' + id)
			
			}
console.log(proxy.$route.params.id);

在这里插入图片描述

需要注意的是在使用动态路由方式的时候query传参是可以同时运行的,因为配置文件被更改了。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐