$route.query.value取值避坑

于 2023-11-02 11:41:20 发布
阅读量240 收藏
点赞数
文章标签： vue.js javascript ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44740072/article/details/134178811
版权
文章讲述了在使用Vue路由跳转时，由于JavaScript日期对象无法直接序列化为URL查询参数，导致从A页面传递参数到B页面时无法获取。作者提出解决方案：将日期转换为字符串形式进行传输，如`startTime:this.timeValue[0].toString()`。
摘要由CSDN通过智能技术生成

问题：在实现从A页面携带参数 (this.$router.push({path:“”,query:{})) 点击按钮到B页面时，发现获取不到参数

原因：因为 JavaScript 中的日期对象不能被直接序列化为 URL 查询参数。我传的是el-date-picker中默认参数Fri Aug 04 2023 11:35:59 GMT+0800 (中国标准时间)

解决办法：传值的时候改为字符串传值

const query = {
	startTime: this.timeValue[0].toString()
	endTime: this.timeValue[1].toString()
}

问题解决

写bug小白
关注
路由跳转无法获取query中的值赋值给表单
weixin_56651537的博客
05-08 504
路由跳转无法获取query中的值赋值给表单
vue总结
weixin_43925579的博客
04-23 469
【算法一】冒泡法排序 var a=[15,20,1,6,9,13,55,3,24,33]; var t; for(var i=0;i<a.length-1;i++){ for(var j=i+1;j<a.length;j++){ if(a[i]>a[j]){ t=a[i]; a[i]=a[j]; a[j]=t; ...
QT中使用sqlite3数据库query.value()时出现not positioned on a valid record错误
juzone的博客
07-29 2781
在实现 query.value(0).toString() 语句前没有query.next()或者 query.first() ,QSqlQuery返回的数据集，record是停在第一条记录之前的。所以，在获得数据集后，必须执行next()或first()到第一条记录，这时候record才是有效的。 我在query.value(0).toString() 之后，再次调用query.value...
QT基础学习之数据库(一)
cainiaoxiakexing的博客
07-22 1101
QT基础学习之数据库 一、数据库简介 Qt 中的Qt SQL模块提供了对数据库的支持。该模块中的众多类基本可以分三层，如图所示： 其中驱动层为具体的数据库和SQL接口层之间提供了底层的桥梁；SQL接口层提供了对数据库的访问，其中的QSqlDatabase类用来创建连接，QSqlQuery类可以使用SQL语句来实现与数据库交互，其他几个类对该层提供了支持；用户接口层的几个类实现了将数据库中的数据链接到窗口部件上，它们是更高层次的抽象，即便不熟悉SQL也可以操作数据库。如果要使用Qt SQL模块中的这些类，需
QT中使用MySQL数据库
ppss177的博客
07-20 2012
QT中使用MySQL数据库 1.连结MySQL 首先正确安装MySQL数据库。 然后将libmysql.lib文件放在QT安装路径下的对应编译器的lib文件夹下，如F:\software\QT5.9.5\5.9.5\mingw53_32\lib。将libmysql.dll文件放在QT安装路径对应编译器的bin文件夹下。 最后可正常连结使用数据库。 ui->setupUi(this); QSqlQuery query; mutex.lock();//互斥锁，可以不用 QS
Qt数据库sqlite总结
嵌入未来
11-11 1210
 QSqlDatabase类实现了数据库连接的操作 QSqlQuery类用来执行SQL语句 QSqlRecord类封装数据库所有记录 QSqlRelationalTableModel QSqlQueryModel QSqlTableModel 第一：QSqlDatabase类 QSqlDatabase db = QSqlDatabase::addDa
[Qt教程] 数据库（三）利用QSqlQuery类执行SQL语句
cenzhi9154的博客
09-11 717
导语SQL即结构化查询语言，是关系数据库的标准语言。前面两节中已经在Qt里利用QSqlQuery类执行了SQL语句，这一节我们将详细讲解该类的使用。需要说明，因为我们重在讲解Qt中的数据库使用，而非专业的讲解数据库知识，所以不会对数据库中的一些知识进行深入讲解。 环境：Windows Xp + Qt 4.8.4+Qt Creator2.6.2 目录一、创建数据库连接二、操作结果集三、在SQL语句中...
通过this.$router.push跳转传值，并在对应的页面取值
最新发布
05-23
2.在接收页面，通过 `$route.query` 获取传递的参数。例如： ```js mounted() { const { key1, key2 } = this.$route.query console.log(key1, key2) } ``` 这样就可以在接收页面中获取到传递的参数了。需要注意...
路由_vant组件库使用
m0_50125215的博客
06-20 1549
知识点自测 url的组成部分都有哪些, hash值指的什么 今日学习目标 能够了解单页面应用概念和优缺点 能够掌握vue-router路由系统使用 能够掌握链接导航和编程式导航用法 能够掌握路由嵌套和路由守卫 能够掌握vant组件库基础使用 1. vue路由简介和基础使用 1.0 什么是路由 目标: 设备和ip的映射关系 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-00fCeVlI-1624155066950)(images/image-20210512095
Vue硅谷外卖笔记
qq_43751465的博客
03-01 916
引擎是如何工作的？ 引擎很复杂，但是基本原理很简单。 引擎（如果是浏览器，则引擎被嵌入在其中）读取（“解析”）脚本。 然后，引擎将脚本转化（“编译”）为机器语言。 然后，机器代码快速地执行。 引擎会对流程中的每个阶段都进行优化。它甚至可以在编译的脚本运行时监视它，分析流经该脚本的数据，并根据获得的信息进一步优化机器代码。 对 babel polyfill 的一些理解 Babel学习系列4 ...
QT学习遇到的问题
lwd512768098的博客
04-14 357
1、在连接MYSQL数据库后，执行查询语句，然后用query.value(0).toString()访问，出现如下错误： 出现这问题原因是record指向返回结果的前一个，类似-1，需要在访问前调用next()，first()，seek()即可。 ...
QT QSqlQuery QSqlQueryModel
专注的力量
12-15 1万+
SQL执行操作 QSqlQuery提供了对数据库记录的Select、Insert、Update、Delete操作。 SELECT操作： QSqlQuery query; query.exec("SELECT name, salary FROM employee WHERE salary > 50000"); while (query.next()) { QString name
vue-router页面跳转的传值和取值
成在坚持，贵在坚持
06-01 1214
1.通过router-link进行跳转 路由配置： { path:'/home', name:'name', component:'name' } 用query传参: <router-link :to="{path:'/home',query:{key:'hello',id:1}}"></router-link> url地址: .../home?k...
@Query注解的用法(Spring Data JPA)
weixin_34152820的博客
10-28 405
参考文章：http://www.tuicool.com/articles/jQJBNv   1. 一个使用@Query注解的简单例子 @Query(value = "select name,author,price from Book b where b.price&gt;?1 and b.price&lt;?2") List&lt;Book&gt; findByPriceRange(long ...
attention的query、key和value的理解
qq_43210957的博客
12-09 6731
对attention机制当中的query、key和value为什么这么叫做一个简单的理解
SpringData 学习（4）—— 使用 @Query 注解实现查询
热门推荐
李威威的博客
05-02 3万+
为了节约时间使得各位看官看起来更加简单舒适，这一节把测试方法和测试代码放在一起。测试方法：// ------------------------------------ 使用 @Query 注解 // 没有参数的查询 @Query("select p from Person p where p.id = (select max(p2.id) from Person p2)") Person getM
Query注解的用法
weixin_44098139的博客
01-04 1446
@Query注解的用法(Spring Data JPA) 参考文章：http://www.tuicool.com/articles/jQJBNv   1. 一个使用@Query注解的简单例子 @Query(value = "select name,author,price from Book b where b.price&gt;?1 and b.price&lt;?2") List&l...
QSqlQuery::value: not positioned on a valid record
晴天的专栏
07-18 4185
在使用QSqlQuery查询数据并用query的结果value出现QSqlQuery::value: not positioned on a valid record错误   QSqlQuery query; query.prepare("select id,name from employee where name like :inputName"); query.bindValue
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、付费专栏及课程。

余额充值