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
·
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传参是可以同时运行的,因为配置文件被更改了。
更多推荐
已为社区贡献1条内容
所有评论(0)