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+iview分页组件的封装
Nov 17 Vue.js
vue添加自定义右键菜单的完整实例
Dec 08 Vue.js
vue绑定class的三种方法
Dec 24 Vue.js
详解实现vue的数据响应式原理
Jan 20 Vue.js
vue keep-alive的简单总结
Jan 25 Vue.js
聊聊vue 中的v-on参数问题
Jan 29 Vue.js
Vite和Vue CLI的优劣
Jan 30 Vue.js
手动实现vue2.0的双向数据绑定原理详解
Feb 06 Vue.js
如何管理Vue中的缓存页面
Feb 06 Vue.js
开发一个封装iframe的vue组件
Mar 29 Vue.js
Vue vee-validate插件的简单使用
Jun 22 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
set_include_path在win和linux下的区别
2008/01/10 PHP
php+ajax实现无刷新分页的方法
2014/11/04 PHP
php使用指定编码导出mysql数据到csv文件的方法
2015/03/31 PHP
php实现base64图片上传方式实例代码
2017/02/22 PHP
理解Javascript_09_Function与Object
2010/10/16 Javascript
javascript开发技术大全-第1章javascript概述
2011/07/03 Javascript
jquery 多行文本框(textarea)高度变化
2013/07/03 Javascript
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
JS实现鼠标滑过显示边框的菜单效果
2016/09/21 Javascript
自动适应iframe右边的高度
2016/12/22 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
2017/03/22 jQuery
H5实现仿flash效果的实现代码
2017/09/29 Javascript
vue2.0设置proxyTable使用axios进行跨域请求的方法
2017/10/19 Javascript
剖析Angular Component的源码示例
2018/03/23 Javascript
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
详解微信小程序缓存--缓存时效性
2019/05/02 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
浅析JavaScript预编译和暗示全局变量
2020/09/03 Javascript
vue实现标签云效果的示例
2020/11/09 Javascript
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
Python实现购物系统(示例讲解)
2017/09/13 Python
python负载均衡的简单实现方法
2018/02/04 Python
python特性语法之遍历、公共方法、引用
2018/08/08 Python
Python中logging.NullHandler 的使用教程
2018/11/29 Python
python绘制已知点的坐标的直线实例
2019/07/04 Python
关于PyTorch 自动求导机制详解
2019/08/18 Python
BONIA波尼亚新加坡官网:皮革手袋,鞋类和配件
2016/08/25 全球购物
采购内勤岗位职责
2013/12/10 职场文书
重阳节标语大全
2014/10/07 职场文书
初中英语教师个人工作总结2015
2015/07/21 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL
nginx中封禁ip和允许内网ip访问的实现示例
2022/03/17 Servers