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的项目中封装dialog组件
Dec 11 Vue.js
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 Vue.js
详解template标签用法(含vue中的用法总结)
Jan 12 Vue.js
vue+element table表格实现动态列筛选的示例代码
Jan 14 Vue.js
vue实现禁止浏览器记住密码功能的示例代码
Feb 03 Vue.js
Vue Element UI自定义描述列表组件
May 18 Vue.js
vue实现滑动解锁功能
Mar 03 Vue.js
VUE之图片Base64编码使用ElementUI组件上传
Apr 09 Vue.js
vue+elementUI实现表格列的显示与隐藏
Apr 13 Vue.js
vue封装数字翻牌器
Apr 20 Vue.js
vue 数字翻牌器动态加载数据
Apr 20 Vue.js
vue-treeselect的基本用法以及解决点击无法出现拉下菜单
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
深入了解php4(2)--重访过去
2006/10/09 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
Smarty高级应用之缓存操作技巧分析
2016/05/14 PHP
PHP代码重构方法漫谈
2018/04/17 PHP
js 弹出框只弹一次(二次修改之后的)
2013/11/26 Javascript
JS显示表格内指定行html代码的方法
2015/03/31 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
javascript中加var和不加var的区别 你真的懂吗
2016/01/06 Javascript
vue2中filter()的实现代码
2017/07/09 Javascript
详解Webpack DLL用法以及功能
2017/07/11 Javascript
Angularjs自定义指令实现分页插件(DEMO)
2017/09/16 Javascript
jquery分页插件pagination使用教程
2018/10/23 jQuery
详解Vue中watch的详细用法
2018/11/28 Javascript
如何自动化部署项目?折腾服务器之旅~
2019/04/16 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
Python 新建文件夹与复制文件夹内所有内容的方法
2018/10/27 Python
python实现定时发送qq消息
2019/01/18 Python
Python格式化字符串f-string概览(小结)
2019/06/18 Python
python实现从wind导入数据
2019/12/03 Python
Python matplotlib绘制图形实例(包括点,曲线,注释和箭头)
2020/04/17 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
Canvas 文本转粒子效果的实现代码
2019/02/14 HTML / CSS
HTML5为输入框添加语音输入功能的实现方法
2017/02/06 HTML / CSS
在canvas上实现元素图片镜像翻转动画效果的方法
2018/03/20 HTML / CSS
canvas实现烟花的示例代码
2020/01/16 HTML / CSS
美国一家全面的在线零售鞋类公司:SHOEBACCA
2017/01/06 全球购物
美国益智玩具购物网站:Fat Brain Toys
2017/11/03 全球购物
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
linux面试题参考答案(5)
2016/11/05 面试题
应届毕业生求职信范例分享
2013/12/17 职场文书
18岁生日感言
2014/01/12 职场文书
单位未婚证明范本
2014/01/18 职场文书
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技
Java基于Dijkstra算法实现校园导游程序
2022/03/17 Java/Android