算搞懂了vue路由跳转传参了

·  阅读 78

vue路由传参

方式一: 通过query传参

this.$router.push({
    name: 'zhangsan',
    query: {
        id: 34545
    }
})
this.$router.push('/zhangsan?id=2345')
复制代码

方式二: 通过params传参

this.$router.push({
    name: 'zhangsan',
    params: {
        id: 34545,
    }
}) // 注意使用这种传参方式页面刷新之后将不能再拿到数据, 通过返回跳转到该页面也不会拿到数据

另外一种方式, 也是属于params传参
this.$router.push({
    name: 'zhangsan',
    params: {
        id: 34545,
    }
}) // 跳转方式一样, 值得注意的是, 该方式需要在路由里面定义
{
    path: "/serialinfo/:id",
    name: "dictionary",
    component: ()=>import ()
} // 经过这样的定义, 在跳转的页面刷新之后也能拿到params参数了


复制代码
分类:
前端
标签:
分类:
前端
标签: