首页 建站教程 前端学院

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路由this.route.push跳转页面不刷新怎么办

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

     2020-11-12 2666

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

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

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

     2020-07-28 970

    在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 1413

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

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

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

     2023-03-17 608

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

    WordPress自适应主题Puock v2.4/白天暗夜高颜值无刷新加载首页支持三种布局

    WordPress自适应主题Puock v2.4/白天暗夜高颜值无刷新加载首页支持三种布局

     2022-05-29 519

    WordPress自适应主题Puock v2.4,白天暗夜高颜值无刷新加载首页支持三种布局。一款基于Wordpress开发的高颜值的自适应主题,支持白天与黑夜模式。首页支持三种布局:博客风格,cms风格,企业风格。目前这款主题作者已经开源,