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中使用CSS3实现内容无缝滚动的示例代码
Nov 27 Vue.js
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 30 Vue.js
vue调用微信JSDK 扫一扫,相册等需要注意的事项
Jan 03 Vue.js
Vue项目中使用mock.js的完整步骤
Jan 12 Vue.js
vue浏览器返回监听的具体步骤
Feb 03 Vue.js
vue使用lodop打印控件实现浏览器兼容打印的方法
Feb 07 Vue.js
vue登录页实现使用cookie记住7天密码功能的方法
Feb 18 Vue.js
Vue SPA 首屏优化方案
Feb 26 Vue.js
vue-cli4.5.x快速搭建项目
May 30 Vue.js
vue特效之翻牌动画
Apr 20 Vue.js
Vue操作Storage本地化存储
Apr 29 Vue.js
ant design vue的form表单取值方法
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
PHP安全配置
2006/12/06 PHP
IIS下PHP连接数据库提示mysql undefined function mysql_connect()
2010/06/04 PHP
php 变量未定义等错误的解决方法
2011/01/12 PHP
php文件上传表单摘自drupal的代码
2011/02/15 PHP
PHP header()函数常用方法总结
2014/04/11 PHP
thinkphp框架下实现登录、注册、找回密码功能
2016/04/06 PHP
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
PHP+Redis开发的书签案例实战详解
2019/07/09 PHP
基于PHP+mysql实现新闻发布系统的开发
2020/08/06 PHP
wordpress之js库集合研究介绍
2007/08/17 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
2013/11/07 Javascript
关于Javascript 对象(object)的prototype
2014/05/09 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
微信小程序 textarea 详解及简单使用方法
2016/12/05 Javascript
零基础轻松学JavaScript闭包
2016/12/30 Javascript
简单实现vue验证码60秒倒计时功能
2017/10/11 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
2017/12/25 jQuery
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
js装饰设计模式学习心得
2018/02/17 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
2018/09/13 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
Python Requests安装与简单运用
2016/04/07 Python
Python正则捕获操作示例
2017/08/19 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
python各层级目录下import方法代码实例
2020/01/20 Python
分享8款纯CSS3实现的搜索框功能
2017/09/14 HTML / CSS
Noon埃及:埃及在线购物
2019/11/26 全球购物
教师求职推荐信范文
2013/11/20 职场文书
电脑教师的自我评价
2013/12/18 职场文书
省级青年文明号申报材料
2014/05/23 职场文书
舞蹈教育学专业自荐信
2014/06/15 职场文书
埃及王子观后感
2015/06/16 职场文书
红色革命电影观后感
2015/06/18 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书
2016年中学清明节活动总结
2016/04/01 职场文书
多台电脑共享文件怎么设置?多台电脑共享文件操作教程
2022/04/08 数码科技