this.$route 取值判断之运算符优先级

最新推荐文章于 2023-07-18 11:00:24 发布
最新推荐文章于 2023-07-18 11:00:24 发布
阅读量612 收藏 1
点赞数
分类专栏： vue 文章标签： query params
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37818095/article/details/85326655
版权 
//params传值获取 url不显示参数 刷新后参数清空
this.params='id:'+this.$route.params.num||'000'

//query传值获取 url一直有参数  ?id=123
this.query='id:'+this.$route.query.id

页面刷新后this.$route.params取值为undefined 
此方式'id:'+this.$route.params.num||'000' 判断得到结果id:undefined

由于+运算符高于|| 修改方式 this.params='id:'+(this.$route.params.num||'000')先判断再相加

 

一行注释
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue路由带参数查询的坑
Serena_tz的博客
05-18 607
最近在做一个项目时，我希望在已办页面和待办页面分别跳转到详情页时，详情页根据前一个页面的不同从而显示不同的组件，所以使用了vue的路由带参数查询。具体的代码： this.$router.push({ path: '/detail', query: { flag: true, } }); 我传入的是布尔值，true和false，但是详情页进行真假判断的时候，通过this.$route.query.flag得到的flag的值总是为真值，导致从已办页面和待办页面跳转
Vue 路由跳转不传参，但跳转的目的页面写了接收参数并赋值，导致页面空白。
m0_60289147的博客
09-19 928
Vue 路由跳转不传参，但跳转的目的页面写了接收参数并赋值，导致页面空白
vue中this.$route.query和this.$route.params & query传参和params传参的使用和区别
m0_49515138的博客
02-16 1955
*注意：**这里的12和ls 对应的是/:id/:name 这两个参数可以不写 那么就不会在地址栏上显示 不过刷新页面参数会消失 写上参数刷新页面 参数不会消失。使用computed属性和Date()可以保证每一次的key都是不同的，这样就可以如愿刷新数据了。this.$route.query.name 和 this.xxxx.params.name。2.params必须要用name来引入，接收参数都是类似的,分别是。中 this.route.query 和 this.
$route实例判定$router.push()的参数，以及axios接收raw response的xml形式的数据
weixin_46037781的博客
07-14 292
响应为raw 直接上代码 这里是先判断$router.push路由跳转时带的参数是否为空， 然后再通过axios的参数responseType: ‘text/xml’。这样才能接收raw格式的 if(this.$route.query.resourceName) { // console.log('$route', this.$route.query) const querys = this.$route.query this.query.deplo
vue router+vuex实现首页登录验证判断逻辑
weixin_34032827的博客
11-19 660
2019独角兽企业重金招聘Python工程师标准>>> ...
在Vue中使用this.$store或者是$route一直报错的解决
10-16
在Vue.js中，this.$store和this.$route是与Vue的响应式系统和路由管理紧密相关的两个概念。this.$store主要是在使用Vuex进行状态管理时使用的，而this.$route则是在Vue Router中用来获取路由信息的。然而，在实际...
vue.js this.$router.push获取不到params参数问题
10-15
如果误用了`path`，那么`params`将不会被解析，即使在`console.log(this.$route)`中看到`params`为空。此时，若要使用类似`params`的功能，应改用`query`，并确保在URL中看到参数： ```javascript // 使用query传递...
解决vue.js this.$router.push无效的问题
12-09
如果你的代码中设置了这些钩子，并且它们在判断条件中返回了`false`或者抛出异常，那么`this.$router.push`会被中断。检查并确保这些守卫函数正确处理登录状态和导航逻辑。 解决方案1：检查并优化路由守卫和全局...
Vue中this.$router.push参数获取方法
11-26
在目标页面通过this.$route.params获取参数：   2.Query 页面通过path和query传递参数，该实例中row为某行表格数据 在目标页面通过this.$route.query获取参数： this.$route.query.row.xxx 以上这篇
vue-router 根据name属性判断是否拥有该路由
Lidppp的博客
01-13 6250
vue-router 根据name属性判断是否拥有该路由, 留个存根, 也分享给大家 hasRoute(name, routeList) { !routeList && (routeList = this.$router.options.routes, console.log('执行')) for (let i = 0; i < routeList.length; i++) { console.log(routeList[i])
this.$route.query里的对象属性打印显示undfined
最新发布
m0_50981596的博客
07-18 617
this.$route.query里的对象属性打印显示undfined
this.$route.query 获取不到值
LoveMyTail的博客
12-08 7401
具体情况是这样的，在当前的导航栏页面中，我可以获取到由登陆页面传过来的username mounted () { this.username = this.$route.query.username console.log("接收到的username："+this.username) // 正常输出 } 当我点击导航栏从而切换页面时，我想把这个username传到其它页面上去 handleSelect(key, keyPath){ console.log(this.us
vue项目 hash模式下使用this.$router.query取值 undefined的问题记录
Wybbcc的博客
07-06 3981
最近开发的一个公众号项目 遇到的问题记录下 该项目采用的hash模式: 经验有限 遇到了之前没发现的问题 我们都知道正常情况下 Vue页面间采用 push 跳转 可以采用parmas和query传参（这里只记录query时遇到的问题），然后在下一页面可以采用 this.$router.query取到对应传递的值. 因为是公众号首页地址肯定是后台配置下发的 ，类似于这种格式https://www.csdn.net/?a=123#/home 当我按照 this.$router.query.a去取值时 竟然打印
Vue中this.$router与this.$route的区别及其应用
qq_49428237的博客
03-01 3574
总结this,$router与this.$route的含义以及常见用法
vue获取url中的参数值,this.$route.query
qq_45516629的博客
05-21 1万+
如果有的参数可传可不传，可以使用？传参 例如：http://192.168.1.12:8080/#/detail/?id=123 获取的时候： let id = this.$route.query.id 一、在vue组件单页面中获取页面参数 watch: { "$route.query": { handler() { if (this.$route.query) { // this.departmentDid 是在
Vue中用this.$router传递参数与取值
weixin_44090040的博客
08-06 6119
第一种方式 传递参数 this.$router.push({path: ' 路由 ', query: {key: value}}) 参数取值 this.$route.query.key 传递参数 <!-- * @Descripttion: 登录页面 * @version: * @Author: zhangfan * @email: 2207044692@qq.com * @Date: 2020-07-25 14:47:13 * @LastEditors: zhangf..
路由传值及获取参数,路由跳转，路由检测，this.$route.query和this.$route.params接收参数...
weixin_30886233的博客
06-22 2万+
配置动态路由参数id： routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id', component: User } ] html路由跳转： <router-link to="/demo53/8">路径参数跳转</router-link> ①不带参数写法： 　　　　　　<r...
vue之this.$route.query和this.$route.params的使用与区别
热门推荐
lsy__lsy的博客
04-18 12万+
一、this.$route.query的使用  1、router/index.js    {    path:'/mtindex',    component: mtindex,    //添加路由    children:[     {      path:':shopid',      component:guessdetail     }    ]         ...
window编码 解码；计时器；判断地址栏URL中是否包含某个参数this.$route.query； 判断机型； this.$refs['upload-input'].setAttribute，
木子李的博客
04-22 783
1. 判断机型 <input ref="upload-input" name="upload-image" id="upload-image" type="file" accept="image/*" v-show="false"> // window.navigator.userAgent.match(/Mi/)=='Mi' 判断是否是小米手机 // this.$refs[...
this.$route.params与this.$route.query的用法
05-20
在Vue.js中，`this.$route.params`和`this.$route.query`是两种获取路由参数的不同方式。 `this.$route.params`是一个对象，包含了当前路由中的动态路由参数。例如，如果你有一个路由为`/user/:id`，那么你可以通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值