[JavaScript知识库]VUE3 跳转传参的三种方式

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传参是可以同时运行的,因为配置文件被更改了。