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

 4964

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、监听路由

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



本文网址:https://www.zztuku.com/index.php/detail-7984.html
站长图库 - vue.js路由this.route.push跳转页面不刷新怎么办
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

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

    编辑推荐