Vue项目强制刷新（双击刷新界面）

Vue项目强制刷新

1.定义子标签并通过 v-if hackReset 值(true | fasle) 控制子标签的重建

<living-card v-if="hackReset"></living-card>

定义hackReset初始值 true 保证初始化子标签正常显示

data() {
   return {
     hackReset: true,
   }
}

调用方法使子标签销毁并重建

rebuileComponents() {
  // 销毁子标签
  this.hackReset = false;
  // 重新创建子标签
  this.$nextTick(() => {
    this.hackReset = true;
  });
},

2.通过window.location.Reload()和window.location.href强制刷新浏览器页面

# reload方法接收一个参数，默认false，从客户端缓存中取当前页面，true则是从服务端请求当前页面的数据，可看作F5刷新页面。

# window.location.Reload()是刷新.(如果有数据提交的话，会提示是否提交)

# window.location.href=window.location.href; 定向url提交数据

附：vue项目强制更新数据

在做下拉框的时候，下拉的列表是从后台获取的，有时会出现有数据，但是勾选不上的情况，这时可以给select选项框绑定change事件，用this.$forceUpdate(）去触发vue项目的强制更新。