首页 建站教程 前端学院

vue.js路由this.route.push跳转页面不刷新怎么办

vue.js路由this.route.push跳转页面刷新的解决办法:使用【activated:{}】周期函数代替【mounted:{}】函数,代码为【this.$router.go(0);】。


vue.js路由this.route.push跳转页面不刷新怎么办


vue.js路由this.route.push跳转页面刷新的解决办法:

1、使用activated:{}周期函数代替mounted:{}函数即可。

2、监听路由

// 不推荐、用户体验不好
watch: {
    '$route' (to, from) {
        // 路由发生变化页面刷新
        this.$router.go(0);
    }
},
// 该方法会多一次请求
watch: {
    '$route' (to, from) {
        // 在mounted函数执行的方法,放到该处
        this.qBankId = globalVariable.questionBankId;
        this.qBankName = globalVariable.questionBankTitle;
        this.searchCharpter();
    }
},



评论(0)条

提示:请勿发布广告垃圾评论,否则封号处理!!

    猜你喜欢
    详解vue中watch如何使用?watch用法介绍

    详解vue中watch如何使用?watch用法介绍

     2020-07-28 150

    在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:<input type="text" v-model="cityName&

    Vue中computed和method之间有什么不同点

    Vue中computed和method之间有什么不同点

     2020-09-27 116

    本篇文章给大家介绍一下Vue中computed与method的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。1、computed区别于method的两个核心在官方文档中,强调了computed区别于method最重要

    Ember.js和Vue.js对比,哪个框架更优秀?

    Ember.js和Vue.js对比,哪个框架更优秀?

     2020-10-02 89

    JavaScript最初是为Web应用程序创建的。但是随着前端技术的发展,大多数开发人员更喜欢使用基于JavaScript的框架。它简化了你的代码以及使你能完成更多全栈工作,您几乎可以在任何框架中使用JavaScript。使用什么类型的框架

    Vue Element+Node.js开发企业通用管理后台系统

    Vue Element+Node.js开发企业通用管理后台系统

     2020-07-27 192

    第1章 课程介绍介绍项目背景、达到的目标、技术栈和功能演示第2章 课程分析课程分析第3章 Vue进阶(上)对Vue的进阶知识进行讲解,包括$emit和$on、directive指令、组件化、Vue插件等相关内容。第4章 Vue进阶(下)对V

    VUE中怎么导出excel文件?

    VUE中怎么导出excel文件?

     2020-11-15 103

    今天再开发中遇到一件事情,就是怎样用已有数据导出excel文件,网上有许多方法,有说用数据流的方式,但是现在我的想法是只是用数组数据,不接著与数据流的方式去实现,事实证明是可以的:1、安装依赖//npm  npm in

    vue.js路由this.route.push跳转页面不刷新怎么办

    vue.js路由this.route.push跳转页面不刷新怎么办

     2020-11-12 126

    vue.js路由this.route.push跳转页面不刷新的解决办法:使用【activated:{}】周期函数代替【mounted:{}】函数,代码为【this.$router.go(0);】。vue.js路由this.route.pus