路由参数获取到的是字符串而不是布尔值

最新推荐文章于 2024-01-26 16:01:22 发布

爱coding的小姐姐

最新推荐文章于 2024-01-26 16:01:22 发布

阅读量205

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_52230672/article/details/130928125

版权

文章讨论了在Vue.js应用中使用v-if指令进行条件渲染时的正确方法，强调了使用`$route.query.payResult`等于`true`的三等号比较。错误的写法可能导致条件判断不准确，正确的写法确保了值的严格相等检查。

摘要由CSDN通过智能技术生成

所以正确写法是：

v-if="$route.query.payResult === 'true'"

错误写法：

v-if="$route.query.payResult"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱coding的小姐姐

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
路由参数获取到的是字符串而不是布尔值

所以正确写法是：错误写法：
复制链接

扫一扫

vue——路由传参

cc_xxo的博客

03-05

360

通过query传参传参方式一：字符串传参  <router-link :to="`/home/message/detail?id=${message.id}&title=${message.title}`"> {{message.title}} </router-link> 传参方式二：对象传参  <router-l

vue之路由中query和params

我心坚持

02-21

694

、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、 query：是以？问号的形式向跳转的页面传送参数，在要跳转到的页面地址栏显示用routerlink时，直接写在to里面，例如 <router-link :to="{ // 用两个点属性写法 path: '/student/child', query: { oprice } // 不用引号，对象的形式 }" > 跳到child </router-link> 第二种写法

1 条评论您还未登录，请先登录后发表或查看评论

Vue用query传值，布尔值变字符串问题

最新发布

weixin_34403976的博客

01-26

975

用this.$route.query传值，true和false会转成string类型，导致Boolean值失效。可用eval() 函数进行转换。

js给url拼接数字时数字变成了字符串问题

阿麦兜兜的博客

12-30

3606

之前是想通过js获取商品id拼接到url后面，来实现根据获取到不同的id来跳转不同的商品详情页，然后发现通过直接 url+id的方式，拼接后跳转浏览器不知道什么原因总是没法识别到刚刚拼接的id，把id换成字符串就可以，一换成数字，浏览器上显示的url应该出现数字的位置总是被一长串字符串替代了。原因暂不知道，暂时的解决方法如下 var goods_id = $('#goods_id').attr

vue 获取路由中参数，有时是字符串，有时是数字

大白的博客

05-24

5225

项目中的菜单是由后台动态传来的，通过ID来进行路由的跳转的，但是发现通过（this.$route.query.id）获取 ID 进行判断页面时，有时获取到的是字符串、有时候是数字，原因： 字符串：当已经处在某个有ID的路由页面时，当点击刷新，此时在获取 ID 时，ID 是从URL 字符串中获取的参数，获取到的也是字符串类型的值数字：当点击菜单切换路由时，此时传过去的 ID 是Numb...

vue-router中query取值的坑

drunk2的博客

04-10

2089

问题描述在使用 $router.push() 时，使用了query，传的是Boolean类型的数据，但是query里面的属性的值都会变成字符串。 this.$router.push({ name:'product', query: {canSee: false} }); query的值是直接从页面URL中取的，而在页面URL上的参数的类型只能是字符串类型。解决方案： 1.在传值之前把要传的参数单独放到一个对象里，在放到query里面，然后进行JSON.stringify()处理，到了目标页面后再进行J

vue路由传参，参数类型改变

一直很安静

12-21

947

boolean number 类型参数都会变成string 类型，导致刷新后出错

vue-router路由传参，页面刷新，数据类型改变

guanfeii的博客

03-08

1195

vue-router传参，不管是params形式还是query形式传参，在页面刷新后，params和query对象中的属性所对应的属性值都会被浏览器自身强制转换为string类型(这一点与浏览器的sessionStorage和localStorage存储对象，对象会被转为string类型，不谋而合)，破环原先属性值的数据类型。下面为6种数据类型属性值的解决方法： 1.number数据类型：页面刷新后，其类型会转换为`string`类型。那么我们在路由刷新页面，对传递过来的属性值做一次`Number()..

svg学习路由跳转方式以及传（获取）参路由获取参数懒加载

qq_43944285的博客

06-27

786

懒加载如何处理打包出来的项目(首屏)加载过慢的问题 SPA应用: 单页应用程序, 所有的功能, 都在一个页面中, 如果第一次将所有的路由资源, 组件都加载了, 就会很慢!加载过慢 => 一次性加载了过多的资源, 一次性加载了过大的资源比如: 图片压缩: 使用 webp 格式的图片, 提升首页加载的速度CDN加速: 配置CDN加速, 加快资源的加载效率 (花钱)开启 gzip 压缩 (一般默认服务器开启的, 如果没开, 确实可能会很慢, 可以让后台开一下)…就是我们先设置图片的data-set属性（

Vue路由传参

weixin_47810787的博客

12-14

2990

Vue路由传参

python数字对应的布尔值false_Python3中真真假假True、False、None等含义详解

weixin_33357508的博客

01-14

3378

概述在Python中，不仅仅和类C一样的真假类似，比如1代表真，0代表假。Python中的真假有着更加广阔的含义范围，Python会把所有的空数据结构视为假，比如[](空列表)、{}(空集合)、''(空字符串)等，而与之相反的非空数据结构即为真简单对比代码：# 遍历列表中的示例元素，获取对应的真假：for elenment in ['', 'S', [], [1, 2], {}, {3, 'SSS...

在一个页面上 query 来进行传参问题

weixin_44291886的博客

03-10

254

传参query 在url 上的问题如果你想在一个页面上进行传参的不用保存起来的方法进行传数组可能会遇见一个问题，那就是在刷新的时候可能你想要的参数就变成了【object,object】其实问题是在刷新的时候页面将你想要的参数变成了对象变成了字符串了那是有解决方法的呢 1.在传递页面 params:JSON.stringify(params) 2.在接受页面 JSON.pa...

Vue 页面回退参数被当作字符串处理

不忘编码

05-20

532

当时情景是这样的，我从A页面跳到B页面时会传一个Boolean类型的参数，当B跳到C，再从C返回B的时候，控制台打印发现参数还在，可是判断怎么都不起作用，后来发现，当页面返回的时候，默认将参数变成了字符串，一个很坑的地方，以后多加注意下面补一下验证结果：一共有三个页面分别是HelloWorld，HelloWorld2，HelloWorld3 首先从HelloWorld->Hello...

在vue项目中路由跳转query取值的坑

lovecoding1的博客

02-02

1001

在vue项目中路由跳转query取值的坑

vue路由传递参数类型number，刷新后自动转成字符串

agua001的博客

09-03

5452

刚开始撸代码没感觉到有这个问题，自测的时候就突然感觉不对劲了。。。正常需求，从一个页面跳转到另一个页面，通常习惯使用id作为参数传递，id的值类型为number 分别点击这三个，传递参数id html: <ul class="personal_ul"> <li class="personal_li" v-for="(item, index) in personalList" :key="index"> <img src="../../assets/serviceC

vue地址栏路由传参参数为数组时刷新页面变为字符串 处理方案

不积跬步何以至千里

05-28

4818

1.路由跳转传参重点 accountIdList:JSON.stringify(row.accountIdList) reportConfigurationDetail: function(row){ this.$router.push({path:'/operationKpiConfigurationManagement/reportConfiguration/',query: {reportId: row.id,companyId:row.companyId,reportDate:row.repo

Vue路由传参时，刷新页面，参数将当成字符串来处理？

空中弥漫着HTML的博客

06-25

8177

在练习编程路由导航传参时，发现将 num：10传到积分页面通过computed属性加1变成11，但刷新了本页后并未按照预想的那样，变为11，而是字符串拼接成了101，然后，typeof查看传过去的Num类型 console.log后发现，num的值变为了String类型。原来，当刷新本页时，路由地址附带参数进行了一次刷新，页面在读取num时，当成字符串处理了。 ...

求助求助，关于vue $router.query传参 true/false 本地环境正常（本地string类型），生产环境自动转boolean类型的情况

Test_first的博客

03-21

402

vue 通过$router传入boolean值出现的一些小问题，求一个解释

Vue笔记路由的query参数、命名路由、路由的params参数、路由的props配置

qiaoyangla的博客

04-08

1033

一、路由的query参数 1、传递参数  <router-link :to="`/home/messages/detail?id=${m.id}&title=${m.title}`">{{m.title}}</router-link>    <router-link ...