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 24 Vue.js
如何正确解决VuePress本地访问出现资源报错404的问题
Dec 03 Vue.js
Vue中computed和watch有哪些区别
Dec 19 Vue.js
Vue+penlayers实现多边形绘制及展示
Dec 24 Vue.js
vue编写简单的购物车功能
Jan 08 Vue.js
vue实现一个获取按键展示快捷键效果的Input组件
Jan 13 Vue.js
vue使用过滤器格式化日期
Jan 20 Vue.js
vue中h5端打开app(判断是安卓还是苹果)
Feb 26 Vue.js
vue-cropper插件实现图片截取上传组件封装
May 27 Vue.js
SSM VUE Axios详解
Oct 05 Vue.js
vue route新窗口跳转页面并且携带与接收参数
Apr 10 Vue.js
vue组件冲突之引用另一个组件出现组件不显示的问题
Apr 13 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中JSON的应用技巧
2015/10/10 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
PHP实现websocket通信的方法示例
2018/08/28 PHP
javascript 一个函数对同一元素的多个事件响应
2009/07/25 Javascript
web css实现整站样式互相切换
2013/10/29 Javascript
JavaScript中的apply和call函数详解
2014/07/20 Javascript
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
JavaScript学习笔记之JS函数
2015/01/22 Javascript
easyui combogrid实现本地模糊搜索过滤多列
2017/05/13 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
深入探究Python中变量的拷贝和作用域问题
2015/05/05 Python
python扫描proxy并获取可用代理ip的实例
2017/08/07 Python
Python基于回溯法子集树模板解决数字组合问题实例
2017/09/02 Python
详解python中的线程
2018/02/10 Python
解决python中使用plot画图,图不显示的问题
2018/07/04 Python
Python字符串的一些操作方法总结
2019/06/10 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
如何提高python 中for循环的效率
2020/04/15 Python
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
2020/06/01 HTML / CSS
HTML5 canvas绘制的玫瑰花效果
2014/05/29 HTML / CSS
阳光体育:Sunny Sports(购买露营和远足设备)
2018/08/07 全球购物
Beauty Expert美国/加拿大:购买奢侈美容产品
2018/12/05 全球购物
学前教育毕业生自荐信范文
2013/12/24 职场文书
大学生秋游活动方案
2014/02/17 职场文书
商场开业庆典策划方案
2014/06/02 职场文书
信息管理专业自荐书
2014/06/05 职场文书
孩子教育的心得体会
2014/09/01 职场文书
认识实习感想
2015/08/10 职场文书
五一放假通知怎么写
2015/08/18 职场文书
医院中层管理人员培训心得体会
2016/01/11 职场文书
确保减税降费落地生根,用实实在在措施
2019/07/19 职场文书
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers
Apache自带的ab压力测试工具的实现
2022/07/23 Servers