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 $router和$route的区别详解
Dec 02 Vue.js
vue 使用class创建和清除水印的示例代码
Dec 25 Vue.js
Vue仿百度搜索功能
Dec 28 Vue.js
springboot+VUE实现登录注册
May 27 Vue.js
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
Jun 09 Vue.js
vue实现滑动解锁功能
Mar 03 Vue.js
一起来看看Vue的核心原理剖析
Mar 24 Vue.js
vue cli4中mockjs在dev环境和build环境的配置详情
Apr 06 Vue.js
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
vue 自定义组件添加原生事件
Apr 21 Vue.js
如何vue使用el-table遍历循环表头和表体数据
Apr 26 Vue.js
Vue操作Storage本地化存储
Apr 29 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
NT IIS下用ODBC连接数据库
2006/10/09 PHP
PHP Curl多线程原理实例详解
2013/11/06 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
PHP魔术方法的使用示例
2015/06/23 PHP
Javascript 学习笔记之 对象篇(二) : 原型对象
2014/06/24 Javascript
JavaScript中的逻辑判断符&&、||与!介绍
2014/12/31 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
2016/04/01 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
2016/11/18 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
2017/03/23 jQuery
js轮播图透明度切换(带上下页和底部圆点切换)
2017/04/27 Javascript
react 父组件与子组件之间的值传递的方法
2017/09/14 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
JS基于递归实现网页版计算器的方法分析
2017/12/20 Javascript
360doc网站不登录就无法复制内容的解决方法
2018/01/27 Javascript
JSON数据中存在单个转义字符“\”的处理方法
2018/07/11 Javascript
Vue filter格式化时间戳时间成标准日期格式的方法
2018/09/16 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
微信小程序视图控件与bindtap之间的问题的解决
2019/04/08 Javascript
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
JavaScript前端开发时数值运算的小技巧
2020/07/28 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
2020/10/18 Javascript
Go语言基于Socket编写服务器端与客户端通信的实例
2016/02/19 Python
python 普通克里金(Kriging)法的实现
2019/12/19 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
HTML5实现表单自动验证功能实例代码
2017/01/11 HTML / CSS
美国最大的袜子制造商和零售商:Renfro Socks
2017/09/03 全球购物
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
韩语专业本科生求职信
2013/10/01 职场文书
函授自我鉴定范文
2014/02/06 职场文书
金融管理应届生求职信
2014/02/20 职场文书
2014年标准化工作总结
2014/12/17 职场文书
小学语文教师年度考核个人总结
2015/02/05 职场文书
小学生安全教育心得体会
2016/01/15 职场文书
工作建议书范文
2019/07/08 职场文书
前端传参数进行Mybatis调用mysql存储过程执行返回值详解
2022/08/14 MySQL