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中通过render函数给子组件设置ref操作
Nov 17 Vue.js
Vue 的 v-model用法实例
Nov 23 Vue.js
vuex Module将 store 分割成模块的操作
Dec 07 Vue.js
Vue实现小购物车功能
Dec 21 Vue.js
基于vue+echarts数据可视化大屏展示的实现
Dec 25 Vue.js
Vue实现省市区三级联动
Dec 27 Vue.js
vue element el-transfer增加拖拽功能
Jan 15 Vue.js
详解vue之自行实现派发与广播(dispatch与broadcast)
Jan 19 Vue.js
Vue3 Composition API的使用简介
Mar 29 Vue.js
如何理解Vue简单状态管理之store模式
May 15 Vue.js
vue-cropper插件实现图片截取上传组件封装
May 27 Vue.js
详解Vue的列表渲染
Nov 20 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
Sony CFR 320 修复改造
2020/03/14 无线电
PHP4实际应用经验篇(8)
2006/10/09 PHP
php下尝试使用GraphicsMagick的缩略图功能
2011/01/01 PHP
jquery不支持toggle()高(新)版本的问题解决
2016/09/24 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
PHP实现的策略模式示例
2019/03/20 PHP
laravel添加前台跳转成功页面示例
2019/10/22 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
两个数组去重的JS代码
2013/12/04 Javascript
2种jQuery 实现刮刮卡效果
2015/02/01 Javascript
js通过iframe加载外部网页的实现代码
2015/04/05 Javascript
js实现具有高亮显示效果的多级菜单代码
2015/09/01 Javascript
微信小程序 Storage API实例详解
2016/10/02 Javascript
浅谈jQuery添加的HTML,JS失效的问题
2016/10/05 Javascript
实现单层json按照key字母顺序排序的示例
2017/12/06 Javascript
写一个Vue Popup组件
2019/02/25 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
2019/07/19 Javascript
React Hooks 实现和由来以及解决的问题详解
2020/01/17 Javascript
vue props 一次传多个值实例
2020/07/22 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
以Flask为例讲解Python的框架的使用方法
2015/04/29 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
pytorch torchvision.ImageFolder的用法介绍
2020/02/20 Python
在python3中实现更新界面
2020/02/21 Python
尼克松手表官网:Nixon手表
2019/03/17 全球购物
Nº21官方在线商店:numeroventuno.com
2019/09/26 全球购物
质检员的岗位职责
2013/11/15 职场文书
酒店管理求职信
2014/06/09 职场文书
校外活动方案
2014/08/28 职场文书
群众路线教育实践活动实施方案
2014/10/31 职场文书
运动会通讯稿600字
2015/07/20 职场文书
MySQL如何使用使用Xtrabackup进行备份和恢复
2021/06/21 MySQL
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript
【海涛解说】史上最给力比赛,挑战DOTA极限
2022/04/01 DOTA