vue实力踩坑 当前页push当前页无效的解决

 更新时间:2022年04月09日 16:27:48   作者:weixin_39107093  
这篇文章主要介绍了vue实力踩坑 当前页push当前页无效的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

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);
     })

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。 

相关文章

  • vuex Module将 store 分割成模块的操作

    vuex Module将 store 分割成模块的操作

    这篇文章主要介绍了vuex Module将 store 分割成模块,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-12-12
  • vue项目,代码提交至码云,iconfont的用法说明

    vue项目,代码提交至码云,iconfont的用法说明

    这篇文章主要介绍了vue项目,代码提交至码云,iconfont的用法说明,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • Vue批量图片显示时遇到的路径被解析问题

    Vue批量图片显示时遇到的路径被解析问题

    这篇文章主要介绍了Vue批量图片显示时遇到的路径被解析问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • Vue中的nextTick作用和几个简单的使用场景

    Vue中的nextTick作用和几个简单的使用场景

    这篇文章主要介绍了Vue中的nextTick作用和几个简单的使用场景,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2021-01-01
  • vue中粘贴板clipboard的使用方法举例

    vue中粘贴板clipboard的使用方法举例

    在Web应用程序中剪贴板(Clipboard)操作是非常常见的操作之一,这篇文章主要给大家介绍了关于vue中粘贴板clipboard使用方法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • vue3的父传子问题(单项数据流)

    vue3的父传子问题(单项数据流)

    这篇文章主要介绍了vue3的父传子问题(单项数据流),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • 适用于 Vue 的播放器组件Vue-Video-Player操作

    适用于 Vue 的播放器组件Vue-Video-Player操作

    这篇文章主要介绍了适用于 Vue 的播放器组件Vue-Video-Player操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue3封装AES(CryptoJS)前端加密解密通信代码实现

    vue3封装AES(CryptoJS)前端加密解密通信代码实现

    防止数据被爬取,前后端传参接收参数需要加密处理,使用AES加密,这篇文章主要给大家介绍了关于vue3封装AES(CryptoJS)前端加密解密通信代码实现的相关资料,需要的朋友可以参考下
    2023-12-12
  • Vue组件全局注册实现警告框的实例详解

    Vue组件全局注册实现警告框的实例详解

    这篇文章主要介绍了Vue组件全局注册实现警告框的实例,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-06-06
  • Vue Echarts实现图表的动态适配以及如何优化

    Vue Echarts实现图表的动态适配以及如何优化

    这篇文章主要介绍了Vue Echarts实现图表的动态适配以及如何优化,在实际的前端开发过程中,动态适配是一个非常重要的问题,在数据可视化的场景下,图表的动态适配尤为重要,需要的朋友可以参考下
    2023-05-05

最新评论