Vue-刷新界面

需求

在完成一些修改操作后,需要刷新界面以展现修改过后的界面

解决方案

//App.vue中

<template>
  <div id="app">
    <router-view v-if="isRouterAlive"/>
  </div>
</template>

<script>
export default {
  name: 'App',
  provide () {
    return {
      reload: this.reload
    }
  },
  data () {
    return {
      isRouterAlive: true
    }
  },
  methods: {
    reload () {
      this.isRouterAlive = false
      this.$nextTick(function () {
        this.isRouterAlive = true
      })
    }
  }
}
</script>
// 某页面

<script>

export default{
    name:'xxx'
    inject:['reload'],


    methods:{
        xxxx(){
            //
            // 需要需要刷新页面的地方调用 reload 函数
            //
            // 刷新页面
              this.reload()
        }
    }
}

</script>

Vue      Vue

本博客所有文章除特别声明外,均采用 CC BY-SA 3.0协议 。转载请注明出处!

Vue-打包发布到服务器 上一篇
Vue-axios-文件上传 下一篇