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 20 Vue.js
用vue设计一个日历表
Dec 03 Vue.js
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
Dec 15 Vue.js
vue watch监控对象的简单方法示例
Jan 07 Vue.js
Vue页面渲染中key的应用实例教程
Jan 12 Vue.js
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
VUE实现吸底按钮
Mar 04 Vue.js
vue+django实现下载文件的示例
Mar 24 Vue.js
浅谈vue2的$refs在vue3组合式API中的替代方法
Apr 18 Vue.js
如何使用vue3打造一个物料库
May 08 Vue.js
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
vue2的 router在使用过程中遇到的一些问题
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侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
2009/10/15 PHP
学习面向对象之面向对象的术语
2010/11/30 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
2011/03/17 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
2011/09/04 Javascript
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
提高jQuery性能的十个诀窍
2013/11/14 Javascript
jquery事件重复绑定的快速解决方法
2014/01/03 Javascript
一行命令搞定node.js 版本升级
2014/07/20 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
2015/05/04 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
2016/12/01 Javascript
JS前端加密算法示例
2016/12/22 Javascript
Ajax基础知识详解
2017/02/17 Javascript
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
Vue2.0系列之过滤器的使用
2018/03/01 Javascript
koa2+vue实现登陆及登录状态判断
2019/08/15 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
2019/08/20 Javascript
JavaScript实现模态对话框实例
2020/01/13 Javascript
vue在响应头response中获取自定义headers操作
2020/07/24 Javascript
[15:41]教你分分钟做大人——灰烬之灵
2015/03/11 DOTA
Python中的pprint折腾记
2015/01/21 Python
仅利用30行Python代码来展示X算法
2015/04/01 Python
Python最基本的输入输出详解
2015/04/25 Python
Python编程中实现迭代器的一些技巧小结
2016/06/21 Python
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
python实现基于SVM手写数字识别功能
2020/05/27 Python
python正则-re的用法详解
2019/07/28 Python
Python基础之字符串常见操作经典实例详解
2020/02/26 Python
opencv 实现特定颜色线条提取与定位操作
2020/06/02 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
Feelunique澳大利亚:欧洲的化妆品零售电商
2019/12/18 全球购物
英国Lookfantastic中文网站:护肤品美妆美发购物(英国直邮)
2020/04/27 全球购物
学习十八届三中全会精神实施方案
2014/02/17 职场文书
企业与个人合作经营协议书
2014/11/01 职场文书
实习单位意见
2015/06/04 职场文书
2015年幼儿教育工作总结
2015/07/24 职场文书
Python 数据科学 Matplotlib图库详解
2021/07/07 Python