vue路由两种传参的区别

//定义路由
{
      path:"/detail",
      name:"detail",
      component:home
    }

//这种做法是错误的,这是query传参的方式
this.$router.push({
 path:"/detail",
 params:{
 name:‘nameValue‘,
 code:10011
 }
});
//这是正确的,这是params传参的方式
this.$router.push({
 name:"/detail",
 params:{
 name:‘nameValue‘,
 code:10011
 }
});

query:        //query传参在浏览器地址栏中显示参数//params在浏览器上隐藏参数

params:    

原文地址:https://www.cnblogs.com/zbx-boke/p/9651766.html

时间: 2024-10-03 08:54:24

vue路由两种传参的区别的相关文章

(尚043) vue_向路由组件传递数据+vue param和query两种传参方式

效果展示: ============================================================================ 应写成下图这种形式: :id为占位 现在是通过什么路径向路由组件传递数据的? 通过请求参数${message.id}传递的 请求参数有两种: 1).Param 2).Query  (?后面,类似于get) ================================================================

vue 路由动态传参 (多个)

动态传参 传值页面  客户列表clientList.vue 路由 router.js 配置路由 接收参数的页面  客户详情CustomerDetails.vue 通过this.$router.params来接收参数对象 打印结果: 原文地址:https://www.cnblogs.com/lpp-11-15/p/12092658.html

vue路由的active-class和exact-active-class区别

exact-active-class 和 active-class 的区别 router-link 默认情况下的路由是模糊匹配,例如当前路径是 /article/1 那么也会激活 <router-link to="/article">,所以当设置 exact-active-class 以后,这个 router-link 只有在当前路由被全包含匹配时才会被激活 exact-active-class 中的 class,例如: <router-link to="/

vue路由params传参

路由跳转 {name:'',params:{id:''}} 子页面路由接受参数 this.$route.params.id 原文地址:https://www.cnblogs.com/renewload/p/11271242.html

flask四:URL两种传参方式(路径传参和get传参)

新建一个视图 第一种:路径传参:url/参数:<参数名>,然后再视图函数中接收参数 也可以指定数据类型 string:默认使用此数据类型,接收没有任何斜杠"\/"的文本int:接收整形float:接收浮点型path:和string的类似,但是可以接受斜杠 uuid:只接收符合uuid的字符串,一般用于表的主键 使用uuid:10190dee-d9d4-4429-ad51-22f24c0a5ee1 any:可以指定多种数据类型.可以在一个url中映射多个资源 第二种:get传

html页面调用js方法时的两种传参方式

<tbody th:if="${pageInfo?.list}"> <tr th:each="groupList,loopStatus : ${pageInfo?.list}"> <td id='number0' th:if="${flag}==0" th:each="group,loopStatus : ${groupList}" > <label th:text="${g

vue路由传参页面刷新参数丢失问题解决方案

最近项目中涉及到跨页面传参数和后台进行数据交互,看到需求之后第一反应就是用路由传参来解决:Vue中给我们提供了三种路由传参方式,下面我们一个一个的来看一下: 方法一:params传参: this.$router.push({ name:"admin", //这里的params是一个对象,id是属性名,item.id是值(可以从当前组件或者Vue实例上直接取) params:{id:item.id} }) //这个组件对应的路由配置 { //组件路径 path: '/admin', //

vue路由传参

vue路由url 传参 :params 从客户列表页 通过路由跳转到客户详情页 查看客户详情时 需要将当前客户的id 和所属企业的id 当做参数传给后台. 在跳转时,将客户id 和企业id 通过路由传参 传给 客户详情页 客户列表: 客户详情 通过 this.$router.params 获取 参数 路由 router.js 路由传一个对象:query 有时我们需要传很多数据过去,为了避免大量拼接,我们可以传一个对象 通过this.$router.query接收对象参数 这里router 路由

vue路由的两种模式,hash与history的区别

1.直观区别: hash模式url带#号,history模式不带#号. 2.深层区别: hash模式url里面永远带着#号,我们在开发当中默认使用这个模式. 如果用户考虑url的规范那么就需要使用history模式,因为history模式没有#号,是个正常的url适合推广宣传 功能也有区别,比如我们在开发app的时候有分享页面,那么这个分享出去的页面就是用vue或是react做的, 咱们把这个页面分享到第三方的app里,有的app里面url是不允许带有#号的,所以要将#号去除那么就要使用hist