vue携带参数跳转页面 -夜狼博客

1.为了大家看的清楚点,跳转页面的代码截图展示;代码在图片下面”:

都市极品医神(叶辰夏若雪孙怡) /** * 跳转页面的代码 ---新窗口打开 * data 是要传递的参数 */ goPlayerVue(data){ let Logistics= this.$router.resolve({ path:'/admin/player', query:{ data: data, } }) window.open(Logistics.href, '_blank') },

2.为了大家看的清楚点,接收参数页面代码截图展示;代码在图片下面;截图和下面的代码有点区别,代码我吧没必要的删除了,大家对比下”:

都市极品医神(叶辰夏若雪孙怡) /** * 接收参数页面代码 * */ created(){ let path = this.$route.query.data console.log(data) this.playerOptions.sources[0].src = data }, 以下内容是转载而来 1. router-link 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始。 2.带参数 <router-link :to="{name:'home', params: {id:1}}"> // params传参数 (类似post) // 路由配置 path: "/home/:id" 或者 path: "/home:id" // 不配置path ,第一次可请求,刷新页面id会消失 // 配置path,刷新页面id会保留 // html 取参 $route.params.id // script 取参 this.$route.params.id <router-link :to="{name:'home', query: {id:1}}"> // query传参数 (类似get,url后面会显示参数) // 路由可不配置 // html 取参 $route.query.id // script 取参 this.$route.query.id 2. this.$router.push() (函数里面调用) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 1. 不带参数 this.$router.push('/home') this.$router.push({name:'home'}) this.$router.push({path:'/home'}) 2. query传参 this.$router.push({name:'home',query: {id:'1'}}) this.$router.push({path:'/home',query: {id:'1'}}) // html 取参 $route.query.id // script 取参 this.$route.query.id 3. params传参 this.$router.push({name:'home',params: {id:'1'}}) // 只能用 name // 路由配置 path: "/home/:id" 或者 path: "/home:id" , // 不配置path ,第一次可请求,刷新页面id会消失 // 配置path,刷新页面id会保留 // html 取参 $route.params.id // script 取参 this.$route.params.id 4. query和params区别 query类似 get, 跳转之后页面 url后面会拼接参数,类似?id=1, 非重要性的可以这样传, 密码之类还是用params刷新页面id还在 params类似 post, 跳转之后页面 url后面不会拼接参数 , 但是刷新页面id 会消失 3. this.$router.replace() (用法同上,push) 4. this.$router.go(n) () this.$router.go(n) 向前或者向后跳转n个页面,n可为正整数或负整数 ps : 区别 this.$router.push 跳转到指定url路径,并想history栈中添加一个记录,点击后退会返回到上一个页面 this.$router.replace 跳转到指定url路径,但是history栈中不会有记录,点击返回会跳转到上上个页面 (就是直接替换了当前页面) this.$router.go(n) 向前或者向后跳转n个页面,n可为正整数或负整数

都市极品医神(叶辰夏若雪孙怡)小说,最新章节阅读

都市极品医神(叶辰夏若雪孙怡):第1章 滚吧! 我不想杀人!, 【火爆爽文】“古武者?地狱归来?华夏第一人?我惹不起?不好意思,在我面前,都要跪下!”五年前,家族覆灭,废物叶辰犹如地上蠕虫般被人耻笑!但是五年后,他带着一身逆天术法强势回归!更可怕的是,他背后还站.. ,免费阅读时空书城

如果这个文章对你有帮助,请支持下站长的努力付出,点击下方是本人的网站:时空书城,谢谢

时空书城