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生命周期的深入理解
Dec 03 Vue.js
SpringBoot+Vue 前后端合并部署的配置方法
Dec 30 Vue.js
vue 页面跳转的实现方式
Jan 12 Vue.js
详解vue之自行实现派发与广播(dispatch与broadcast)
Jan 19 Vue.js
vue集成一个支持图片缩放拖拽的富文本编辑器
Jan 29 Vue.js
使用Vue.js和MJML创建响应式电子邮件
Mar 23 Vue.js
vue+element ui实现锚点定位
Jun 29 Vue.js
Vue.js中v-for指令的用法介绍
Mar 13 Vue.js
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
Vue+TypeScript中处理computed方式
Apr 02 Vue.js
关于vue-router-link选择样式设置
Apr 30 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随机抽奖实例分析
2015/03/04 PHP
php多重接口的实现方法
2015/06/20 PHP
PHP生成随机数的方法总结
2018/03/01 PHP
php DES加密算法实例分析
2019/09/18 PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
2020/03/03 PHP
Javascript Request获取请求参数如何实现
2012/11/28 Javascript
Javascript浅谈之this
2013/12/17 Javascript
jquery插件开发之实现google+圈子选择功能
2014/03/10 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
2015/03/19 Javascript
最新最热最实用的15个jQuery插件汇总
2015/07/05 Javascript
jQuery+HTML5加入购物车代码分享
2020/10/29 Javascript
新入门node.js必须要知道的概念(必看篇)
2016/08/10 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
手动用webpack搭建第一个ReactApp的示例
2018/04/11 Javascript
使用微信小程序开发弹出框应用实例详解
2018/10/18 Javascript
详解微信小程序的不同函数调用的几种方法
2019/05/08 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
python基础教程之元组操作使用详解
2014/03/25 Python
Python生成器(Generator)详解
2015/04/13 Python
python之从文件读取数据到list的实例讲解
2018/04/19 Python
python绘制直线的方法
2018/06/30 Python
python3利用tcp实现文件夹远程传输
2018/07/28 Python
Django之模型层多表操作的实现
2019/01/08 Python
python开发游戏的前期准备
2019/05/05 Python
用python给自己做一款小说阅读器过程详解
2019/07/11 Python
Python API自动化框架总结
2019/11/12 Python
Python 多线程共享变量的实现示例
2020/04/17 Python
Python3 ffmpeg视频转换工具使用方法解析
2020/08/10 Python
详解python3类型注释annotations实用案例
2021/01/20 Python
Gtech官方网站:地毯清洁器、吸尘器及园艺设备
2018/05/23 全球购物
Linden Leaves官网:新西兰纯净护肤品
2020/12/20 全球购物
EJB与JAVA BEAN的区别
2016/08/29 面试题
2014幼儿园保育员工作总结
2014/11/10 职场文书
Python道路车道线检测的实现
2021/06/27 Python
纯html+css实现Element loading效果
2021/08/02 HTML / CSS