美文网首页
Vue路由传参

Vue路由传参

作者: 深吸一口气 | 来源:发表于2021-06-17 09:26 被阅读0次

1、获取路由中定义的参数

// router.js
import VueRouter from "vue-router";
const index = () => import("../pages/index");
export default new VueRouter({
    routes: [
        {
            name: "首页",
            // 在路由中定义一个参数userId
            path: "/:userId",
            component: index
        }
    ]
})

index页面获取参数

页面链接https://xxx.xxx.xxx/#/1,userId=1

// 获取userId
let userId = this.$route.params.userId;

2、获取链接上携带的参数

页面链接https://xxx.xxx.xxx/#/?userId=1

// 获取userId
let userId = this.$route.query.userId;

相关文章

网友评论

      本文标题:Vue路由传参

      本文链接:https://www.haomeiwen.com/subject/wewqyltx.html