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 打包的静态文件不能直接运行的原因及解决办法
Nov 19 Vue.js
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
Dec 04 Vue.js
vue3.0自定义指令(drectives)知识点总结
Dec 27 Vue.js
Vue中强制组件重新渲染的正确方法
Jan 03 Vue.js
Vue如何实现变量表达式选择器
Feb 18 Vue.js
基于vue的video播放器的实现示例
Feb 19 Vue.js
详解Vue.js 可拖放文本框组件的使用
Mar 03 Vue.js
vue backtop组件的实现完整代码
Apr 07 Vue.js
Vue如何实现组件间通信
May 15 Vue.js
vue+elementui 实现新增和修改共用一个弹框的完整代码
Jun 08 Vue.js
vue-cil之axios的二次封装与proxy反向代理使用说明
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
怎样在PHP中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
PHP HTML代码串截取代码
2008/12/29 PHP
php Undefined index的问题
2009/06/01 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
php从数据库读取数据,并以json格式返回数据的方法
2018/08/21 PHP
wordpress自定义标签云与随机获取标签的方法详解
2019/03/22 PHP
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
图片自动缩小 点击放大
2008/07/07 Javascript
让FireFox支持innerText的实现代码
2009/12/01 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
2014/07/17 Javascript
用js通过url传参把数据从一个页面传到另一个页面
2014/09/01 Javascript
vue-resource 拦截器使用详解
2017/02/21 Javascript
jquery实现的table排序功能示例
2017/03/10 Javascript
详解webpack提取第三方库的正确姿势
2017/12/22 Javascript
vue解决弹出蒙层滑动穿透问题的方法
2018/09/22 Javascript
vue搜索和vue模糊搜索代码实例
2019/05/07 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
详解JavaScript 浮点数运算的精度问题
2019/07/23 Javascript
Python ftp上传文件
2016/02/13 Python
Django查询数据库的性能优化示例代码
2017/09/24 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
在Python中使用filter去除列表中值为假及空字符串的例子
2019/11/18 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
python解释器安装教程的方法步骤
2020/07/02 Python
Python如何telnet到网络设备
2021/02/18 Python
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
html5小技巧之通过document.head获取head元素
2014/06/04 HTML / CSS
canvas实现圆形进度条动画的示例代码
2017/12/26 HTML / CSS
三星印度官网:Samsung印度
2019/08/03 全球购物
法国体育用品商店:GO Sport
2019/10/23 全球购物
面向对象概念面试题(.NET)
2016/11/04 面试题
CNC数控操作工岗位职责
2013/11/19 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
2014年办公室人员工作总结
2014/12/09 职场文书
2015年度服装销售工作总结
2015/03/31 职场文书
一篇文章带你了解Python和Java的正则表达式对比
2021/09/15 Python