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如何跨组件传递Slot的实现
Dec 14 Vue.js
vue实现图片裁剪后上传
Dec 16 Vue.js
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 26 Vue.js
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
vue二选一tab栏切换新做法实现
Jan 19 Vue.js
Vue包大小优化的实现(从1.72M到94K)
Feb 18 Vue.js
vue脚手架项目创建步骤详解
Mar 02 Vue.js
详解vue3中组件的非兼容变更
Mar 03 Vue.js
Vue-router编程式导航的两种实现代码
Mar 04 Vue.js
vue实现简单数据双向绑定
Apr 28 Vue.js
Vue通过懒加载提升页面响应速度
May 10 Vue.js
vue ant design 封装弹窗表单的使用
Jun 01 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
咖啡机如何保养和日常清洁?
2021/03/03 冲泡冲煮
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
Packer 3.0 JS压缩及混淆工具 下载
2007/05/03 Javascript
JavaScript学习笔记(十)
2010/01/17 Javascript
Js获取事件对象代码
2010/08/05 Javascript
open 动态修改img的onclick事件示例代码
2013/11/13 Javascript
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
js实现交换运动效果的方法
2015/04/10 Javascript
jquery实现通用的内容渐显Tab选项卡效果
2015/09/07 Javascript
JavaScript Date对象详解
2016/03/01 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
2016/09/16 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
2017/02/10 Javascript
angular中实现控制器之间传递参数的方式
2017/04/24 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
jQuery实现可兼容IE6的遮罩功能详解
2017/09/19 jQuery
VueJs 搭建Axios接口请求工具
2017/11/20 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
2018/06/25 Javascript
Vue实现本地购物车功能
2018/12/05 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
Angular封装表单控件及思想总结
2019/12/11 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
2020/08/12 Javascript
Python多线程编程(四):使用Lock互斥锁
2015/04/05 Python
浅谈python 四种数值类型(int,long,float,complex)
2016/06/08 Python
Python动态参数/命名空间/函数嵌套/global和nonlocal
2019/05/29 Python
详解PyTorch手写数字识别(MNIST数据集)
2019/08/16 Python
Python实现中值滤波去噪方式
2019/12/18 Python
Python3爬虫中识别图形验证码的实例讲解
2020/07/30 Python
元宵节主持词
2014/03/25 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
法学专业毕业生自荐信
2014/06/11 职场文书
影子教师研修方案
2014/06/14 职场文书
抄袭同学作业检讨书1000字
2014/11/20 职场文书
单位综合评价意见
2015/06/05 职场文书
无违反计划生育证明格式
2015/06/24 职场文书
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript