首页 建站教程 前端学院

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开源版贷款系统源码/海外贷款源码/小额贷款源码

    VUE开源版贷款系统源码/海外贷款源码/小额贷款源码

     2024-04-15 464

    VUE开源版贷款系统源码、海外贷款源码、小额贷款源码。后台、代理、前端均为vue源码。前端有中文和越南语,前端ui黄色大气,逻辑操作简单,注册可对接国际短信,用户注册进去填写资料,后台审批,审批状态可自定义修改文字显示。PS:源码仅用于学习

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

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

     2020-07-28 971

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

    vue.js+node.js+mysql在线聊天室源码

    vue.js+node.js+mysql在线聊天室源码

     2021-11-05 640

    在线聊天室源码,采用技术栈:vue.js+Element UI+node.js+socket.io+mysql,有兴趣的下载研究研究。

    VUE开发接入ChatGpt教程分析

    VUE开发接入ChatGpt教程分析

     2023-02-13 1426

    页面仿照微信聊天界面,点击机器人图标,弹出聊天框,消息分为用户消息,机器人消息两种,每次用户发送消息,请求后端接口获取chatGPT返回的信息,添加到消息列表中,推送给用户。不直接通过前端请求chatgpt官方接口,否则会泄露个人的api-

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

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

     2020-10-02 832

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

    VUE中怎么导出excel文件?

    VUE中怎么导出excel文件?

     2020-11-15 2189

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