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项目利用axios请求接口下载excel
Nov 17 Vue.js
vue + el-form 实现的多层循环表单验证
Nov 25 Vue.js
Vue如何实现验证码输入交互
Dec 07 Vue.js
vue实现简易的双向数据绑定
Dec 29 Vue.js
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
Jan 05 Vue.js
vue实现按钮切换图片
Jan 20 Vue.js
使用Vue.js和MJML创建响应式电子邮件
Mar 23 Vue.js
一起来看看Vue的核心原理剖析
Mar 24 Vue.js
vue中控制mock在开发环境使用,在生产环境禁用方式
Apr 06 Vue.js
vue代码分块和懒加载非必要资源文件
Apr 11 Vue.js
解决vue自定义组件@click点击失效问题
Apr 30 Vue.js
Vue Element plus使用方法梳理
Dec 24 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
Linux下进行MYSQL编程时插入中文乱码的解决方案
2007/03/15 PHP
PHP学习笔记 (1) 环境配置与代码调试
2011/06/19 PHP
php中的常用魔术方法总结
2013/08/02 PHP
php数组合并的二种方法
2014/03/21 PHP
学习php设计模式 php实现抽象工厂模式
2015/12/07 PHP
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
2010/05/21 Javascript
Javascript继承(上)——对象构建介绍
2012/11/08 Javascript
JS中怎样判断undefined(比较不错的方法)
2014/03/27 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
2014/06/23 Javascript
JS实现来回出现文字的状态栏特效代码
2015/10/31 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
JavaScript轮播图简单制作方法
2017/02/20 Javascript
bootstrap模态框示例代码分享
2017/05/17 Javascript
webpack踩坑之路图片的路径与打包
2017/09/05 Javascript
jQuery实现的上传图片本地预览效果简单示例
2018/03/29 jQuery
jQuery实现鼠标移入移出事件切换功能示例
2018/09/06 jQuery
Vue Cli 3项目使用融云IM实现聊天功能的方法
2019/04/19 Javascript
详细分析vue响应式原理
2020/06/22 Javascript
[56:57]LGD vs VP 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第一场 8.20.mp4
2019/08/22 DOTA
python实现ip查询示例
2014/03/26 Python
python根据给定文件返回文件名和扩展名的方法
2015/03/27 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
Python+OpenCV实现图像的全景拼接
2020/03/05 Python
Python开发.exe小工具的详细步骤
2021/01/27 Python
移动端Html5页面生成图片解决方案
2018/08/07 HTML / CSS
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
英国最大的滑板品牌选择:Route One
2019/09/22 全球购物
自我评价的正确写法
2013/09/19 职场文书
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
党支部承诺书范文
2014/03/28 职场文书
信用社竞聘演讲稿
2014/05/16 职场文书
2014年教研工作总结
2014/12/06 职场文书
监察建议书
2015/02/04 职场文书
个人年终总结怎么写
2015/03/09 职场文书
CSS3通过var()和calc()函数实现动画特效
2021/03/30 HTML / CSS
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技