vue强制刷新页面,强制刷新菜单

1.用bus触发刷新事件

this.$bus.$emit('refresh', '')

2.在对应组件内接收刷新事件并重新获取数据,利用v-if刷新组件

  mounted() {
    this.$bus.$on('refresh', (e) => {
      this.switchFlag = !this.switchFlag // 先让组件消失
      this.change() // 重新获取数据
      this.$nextTick(()=>{ // 获取数据后利用v-if重新渲染一遍
        this.switchFlag = !this.switchFlag
      })
    })
  },
<template>
  <!-- 一级菜单 -->
  <div v-if="switchFlag">
   ......
  </div>
</template>


版权声明:本文为weixin_46972395原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。