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+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
8个非常实用的Vue自定义指令
Dec 15 Vue.js
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
vscode自定义vue模板的实现
Jan 27 Vue.js
Vue+Bootstrap实现简易学生管理系统
Feb 09 Vue.js
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 Vue.js
vue打开新窗口并实现传参的图文实例
Mar 04 Vue.js
解决Vue+SpringBoot+Shiro跨域问题
Jun 09 Vue.js
vue+iview实现手机号分段输入框
Mar 25 Vue.js
vue中控制mock在开发环境使用,在生产环境禁用方式
Apr 06 Vue.js
vue如何实现关闭对话框后刷新列表
Apr 08 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 正则表达式小结
2009/08/31 PHP
php实现的生成迷宫与迷宫寻址算法完整实例
2017/11/06 PHP
EXT中xtype的含义分析
2010/01/07 Javascript
js 强制弹出窗口代码研究-又一款代码
2010/03/20 Javascript
10个基于Jquery的幻灯片插件教程
2010/10/29 Javascript
js猜数字小游戏的简单实现代码
2013/07/02 Javascript
封装的jquery翻页滚动(示例代码)
2013/11/18 Javascript
javascript数组排序汇总
2015/07/07 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
2015/11/27 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
JavaScript中split与join函数的进阶使用技巧
2016/05/03 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
2016/08/19 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
2016/10/10 Javascript
javascript cookie的基本操作(添加和删除)
2017/07/24 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
在vue中使用express-mock搭建mock服务的方法
2018/11/07 Javascript
jQuery 操作 HTML 元素和属性的方法
2018/11/12 jQuery
mpvue全局引入sass文件的方法步骤
2019/03/06 Javascript
使用vue完成微信公众号网页小记(推荐)
2019/04/28 Javascript
jQuery操作cookie的示例代码
2019/06/05 jQuery
vue cli3 调用百度翻译API翻译页面的实现示例
2019/09/13 Javascript
如何基于viewport vm适配移动端页面
2020/11/13 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
[00:50]深扒TI7聊天轮盘语音出处6
2017/05/11 DOTA
[00:29]2019完美世界全国高校联赛(秋季赛)总决赛海口落幕
2019/12/10 DOTA
python统计cpu利用率的方法
2015/06/02 Python
Python之py2exe打包工具详解
2017/06/14 Python
浅析python的Lambda表达式
2019/02/27 Python
Jupyter加载文件的实现方法
2020/04/14 Python
Django实现随机图形验证码的示例
2020/10/15 Python
家长评语和期望
2014/02/10 职场文书
项目施工员岗位职责
2014/03/09 职场文书
水毁工程实施方案
2014/04/01 职场文书
学校感恩教育活动总结
2014/07/07 职场文书
医生爱岗敬业演讲稿
2014/08/26 职场文书
四风批评与自我批评范文
2014/10/14 职场文书