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 08 Vue.js
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 Vue.js
Vue仿Bibibili首页的问题
Jan 21 Vue.js
vue 计算属性和侦听器的使用小结
Jan 25 Vue.js
vite2.0+vue3移动端项目实战详解
Mar 03 Vue.js
vue+spring boot实现校验码功能
May 27 Vue.js
springboot+VUE实现登录注册
May 27 Vue.js
详解Vue router路由
Nov 20 Vue.js
解决vue-router的beforeRouteUpdate不能触发
Apr 14 Vue.js
vue项目配置sass及引入外部scss文件
Apr 14 Vue.js
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 Vue.js
vue递归实现树形组件
Jul 15 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
解析argc argv在php中的应用
2013/06/24 PHP
PHP中require和include路径问题详解
2014/12/25 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
Laravel配置全局公共函数的方法步骤
2019/05/09 PHP
关于js中alert弹出窗口文本换行问题简单详细说明
2012/12/11 Javascript
THREE.JS入门教程(2)着色器-上
2013/01/24 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
2015/02/26 Javascript
js滚动条平滑移动示例代码
2016/03/29 Javascript
vue.js入门教程之计算属性
2016/09/01 Javascript
bootstrap实现每隔5秒自动轮播效果
2016/12/20 Javascript
jQuery设置和获取select、checkbox、radio的选中值方法
2017/01/01 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
Angular.js指令学习中一些重要属性的用法教程
2017/05/24 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
2017/06/22 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
JS实现前端缓存的方法
2017/09/21 Javascript
layui.js实现的表单验证功能示例
2017/11/15 Javascript
使用Angular CLI生成 Angular 5项目教程详解
2018/03/18 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
2019/04/29 Javascript
微信小程序实现图片上传
2019/05/23 Javascript
微信小程序常用的3种提示弹窗实现详解
2019/09/19 Javascript
[37:35]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第二局
2016/02/25 DOTA
Scrapy使用的基本流程与实例讲解
2018/10/21 Python
Pycharm2017版本设置启动时默认自动打开项目的方法
2018/10/29 Python
python opencv minAreaRect 生成最小外接矩形的方法
2019/07/01 Python
如何使用django的MTV开发模式返回一个网页
2019/07/22 Python
Python通过文本和图片生成词云图
2020/05/21 Python
Python Tornado核心及相关原理详解
2020/06/24 Python
移动端html5判断是否滚动到底部并且下拉加载
2019/11/19 HTML / CSS
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
写自荐信的注意事项
2014/03/09 职场文书
协会周年庆活动方案
2014/08/26 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
2015年大学生入党自荐书
2015/03/24 职场文书
承诺书模板大全
2015/05/04 职场文书