vue实力踩坑之push当前页无效


Posted in Vue.js onApril 10, 2022

vue当前页push当前页无效

当在当前页面中push页面跳转当前页,只是push的参数不同时,只能用字符串拼接,parames和query都不会起作用。不知道为什么。。。

比如说:当前页的url是

/invest/myinvest?page=1&day=0-30`

但是想点击的时候改变参数,所以就

this.$router.push({path:'/invest/myinvest?',query:{page:1,day:'0-30'}})

然而并无卵用。。。。

只能:

this.$router.push("/invest/myinvest?page="+currentPage+"&day="day);

vue push报错

TypeError: Cannot read property ‘push‘ of undefined

axios.post('/processing/', {})
     .then(function (response) {
       console.log(response.data);
       if (response.data == 'no_processing') {
         alert("文章分析失败!");
         return;
       }else if(response.data=='empty_processing'){
         alert("文章数据为空,无法分析!")
         return;
       }
       response.data.forEach(function(element){
          this.processing_tableData.push(element);  //“push”报错
          console.log(element);
        });
       console.log("ok_processing")
     })
     .catch(function (error) {
       console.log(error);
     })

报错:

TypeError: Cannot read property ‘push’ of undefined

解决方法

在外部定义一个值指代Vue实例

var self = this; //外部定义
axios.post('/processing/', {})
     .then(function (response) {
       console.log(response.data);
       if (response.data == 'no_processing') {
         alert("文章分析失败!");
         return;
       }else if(response.data=='empty_processing'){
         alert("文章数据为空,无法分析!")
         return;
       }
       response.data.forEach(function(element){
          self.processing_tableData.push(element);  //把“this”=》“self”
          console.log(element);
        });
       console.log("ok_processing")
     })
     .catch(function (error) {
       console.log(error);
     })

以上为个人经验,希望能给大家一个参考,也希望大家多多支持三水点靠木。 

Vue.js 相关文章推荐
vue使用vant中的checkbox实现全选功能
Nov 17 Vue.js
用vue设计一个日历表
Dec 03 Vue.js
vue-router定义元信息meta操作
Dec 07 Vue.js
vue实现滚动鼠标滚轮切换页面
Dec 13 Vue.js
vue 使用rules对表单字段进行校验的步骤
Dec 25 Vue.js
vue 递归组件的简单使用示例
Jan 14 Vue.js
Vue实现简单计算器
Jan 20 Vue.js
Vue+Bootstrap实现简易学生管理系统
Feb 09 Vue.js
Vue通过懒加载提升页面响应速度
May 10 Vue.js
Vue如何实现组件间通信
May 15 Vue.js
Vue.Draggable实现交换位置
Apr 07 Vue.js
如何vue使用el-table遍历循环表头和表体数据
Apr 26 Vue.js
vue实现Toast组件轻提示
Apr 10 #Vue.js
vue自定义右键菜单之全局实现
Apr 09 #Vue.js
vue判断按钮是否可以点击
Apr 09 #Vue.js
VUE之图片Base64编码使用ElementUI组件上传
Apr 09 #Vue.js
vue如何实现关闭对话框后刷新列表
Apr 08 #Vue.js
vue实现列表垂直无缝滚动
Apr 08 #Vue.js
vue3引入highlight.js进行代码高亮的方法实例
You might like
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
php禁用cookie后session设置方法分析
2016/10/19 PHP
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
JavaScript window.document的属性、方法和事件小结
2012/10/24 Javascript
js和jquery对dom节点的操作(创建/追加)
2013/04/21 Javascript
JQuery Tips相关(1)----关于$.Ready()
2014/08/14 Javascript
Node.js开源应用框架HapiJS介绍
2015/01/14 Javascript
Vue.js学习笔记之 helloworld
2016/08/14 Javascript
纯JS实现可拖拽表单的简单实例
2016/09/02 Javascript
jQuery实现ToolTip元素定位显示功能示例
2016/11/23 Javascript
smartupload实现文件上传时获取表单数据(推荐)
2016/12/12 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
js实现图片放大并跟随鼠标移动特效
2019/01/18 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
2019/06/20 jQuery
axios异步提交表单数据的几种方法
2019/08/11 Javascript
Django中使用locals()函数的技巧
2015/07/16 Python
Python异常对代码运行性能的影响实例解析
2018/02/08 Python
python利用requests库进行接口测试的方法详解
2018/07/06 Python
python  Django中的apps.py的目的是什么
2018/10/15 Python
Python第三方Window模块文件的几种安装方法
2018/11/22 Python
Python 数据的累加与统计的示例代码
2020/08/03 Python
Python控制鼠标键盘代码实例
2020/12/08 Python
Python机器学习工具scikit-learn的使用笔记
2021/01/28 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
美国网上鞋城:Shoeline.com
2016/11/17 全球购物
英国团购网站:Groupon英国
2017/11/28 全球购物
德国消费电子产品购物网站:Guter Kauf
2020/09/15 全球购物
消防安全员岗位职责
2014/03/10 职场文书
大学生求职信范文
2014/05/24 职场文书
停车位租赁协议书
2014/09/24 职场文书
2014年社区党建工作总结
2014/11/11 职场文书
2015年度个人教学工作总结
2015/05/20 职场文书
离婚案件上诉状
2015/05/23 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL