首页 建站教程 前端学院

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.js+node.js+mysql在线聊天室源码

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

     2021-11-05 639

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

    VUE股票配资系统4.0版期权股票/投资理财/炒股配资/点买点策略系统源码

    VUE股票配资系统4.0版期权股票/投资理财/炒股配资/点买点策略系统源码

     2021-06-14 716

    股票配资系统4.0版,一套基于Laravel开发的期权股票、投资理财、炒股配资、点买点策略系统源码,采用Vue.js前后端分离,可以打包成APP使用,非常具有参考价值。不过由于时间关系,并没有测试,大概看了一下,也没有说明啥的,感兴趣的可以

    最新ChatGPT3.5小程序源码/前后端开源VUE源码

    最新ChatGPT3.5小程序源码/前后端开源VUE源码

     2023-03-17 605

    开源ChatGPT3.5小程序vue源码,小程序是 java 的,带后台。本来准备给你们带上接口的然后么后台是和接口连接的,我改什么内容你们前段都会显示所以 开源自己搭建下吧,腾讯云买个国外服务器就可以了,而且最近 openkey 封号比较

    VUE开发接入ChatGpt教程分析

    VUE开发接入ChatGpt教程分析

     2023-02-13 1380

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

    Vue全家桶仿网易优选APP商城源码

    Vue全家桶仿网易优选APP商城源码

     2021-12-14 667

    Vue全家桶仿网易优选APP商城源码,采用Vue全家桶+mintUI+axios技术栈开发,只写了前端,后端采用网易商场抓包接口,也可以二次修改成自己的接口。实现了功能:首页、商品列表、商品分类、下单、购物车、个人中心、值得买功能模块等,小

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

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

     2020-07-28 967

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