vue 一些问题便签-526互联

1. vue3页面传参

　　方式一　

 <div><router-link :to="/">首页</router-link></div>
    <div><router-link :to="{path:'/news/detail',query:{id:1}}">详情</router-link></div>
    <div><router-link :to="{name:'newsDetail',params:{id:1}}">详情</router-link></div>

　　方式二　

使用path + 路径，query + 参数。则用this.$route.query.id取值。

使用name +路由名称，params + 参数。则用this.$route.params.id取值。

this.$router.push({
    name:'Child',
    params:{
        id:123
    }
})

this.$router.push({
    path:'/page',
    query:{
        id:123
    }
})