博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-cli 配置路由之间跳转传递参数
阅读量:5041 次
发布时间:2019-06-12

本文共 1136 字,大约阅读时间需要 3 分钟。

  1、有2种方式去传参,如下代码:

  特别需要注意的是:传参的时候,to属性必须绑定,即  :to=  ,冒号必须有。否则如下图

  同时需要注意template下的根标签只能有一个哦,否则会报错。

  无:

  有:

  所以平时我们书写的时候不管怎样,都带上冒号就可以啦。

  从图中可以看到:当使用对象形式的时候,是为我们进行了转码;当使用字符串拼接的时候,是直接显示数据。

  传递多个参数:

{   path:"/detail/:id/:title",   name:"detail",   component:detail}

{

{
this.$route.params.id}}

{

{
this.$route.params.title}}

  2、也是2种方式接受参数

  3、路由配置:

  注意:如果传递参数,必须采用动态路由匹配,否则无法跳转。所以reg的path后面必须跟上:user

import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import home from '@/pages/home'import detail from '../pages/goodsDetail'import Hello from '@/components/Hello'import reg from '@/components/reg'Vue.use(Router)export default new Router({  routes: [    {      path: '/',      name: 'Hello',      component: Hello    },{        path:"/reg/:user",        name:"reg",        component:reg    }  ]})

转载于:https://www.cnblogs.com/goloving/p/8710168.html

你可能感兴趣的文章
WCF 配置文件
查看>>
动态调用WCF服务
查看>>
oracle导出/导入 expdp/impdp
查看>>
类指针
查看>>
css修改滚动条样式
查看>>
2018.11.15 Nginx服务器的使用
查看>>
Kinect人机交互开发实践
查看>>
百度编辑器UEditor ASP.NET示例Demo 分类: ASP.NET...
查看>>
JAVA 技术类分享(二)
查看>>
android客户端向服务器发送请求中文乱码的问
查看>>
UOJ#220. 【NOI2016】网格 Tarjan
查看>>
Symfony翻译教程已开课
查看>>
Python模块之pickle(列表,字典等复杂数据类型与二进制文件的转化)
查看>>
通过数据库表反向生成pojo类
查看>>
css_去掉默认样式
查看>>
TensorFlow2.0矩阵与向量的加减乘
查看>>
NOIP 2010题解
查看>>
javascript中的each遍历
查看>>
String中各方法多数情况下返回新的String对象
查看>>
浅谈tcp粘包问题
查看>>