Vue 强制刷新页面或指定div进行刷新

简介: Vue 强制刷新页面或指定div进行刷新
<template>
  <div v-if="isReloadData">
    假如在这个div里面修改了某些数据,或者是 props 带过来的数据,又或者是通过 funcation 动态设置的属性属性,
    可能在修改之后不会进行刷新展示最新的数据
  </div>
</template>
<script>
export default {
  data () {
    return {
      // 刷新标识
      isReloadData: true
    }
  },
  methods: {
    // 刷新当前页面,在修改数据之后 this.reload 一下就可以完成刷新当前这个指定标签的刷新
    reload () {
      this.isReloadData = false
      this.$nextTick(() => {
        this.isReloadData = true
      })
    }
  }
}
</script>
<style>
</style>

相关文章
|
2天前
|
存储 JavaScript
Vue当前时间与接口返回时间的判断
Vue当前时间与接口返回时间的判断
7 0
|
2天前
|
JavaScript
vue生成动态表单
vue生成动态表单
6 0
|
2天前
|
JavaScript 前端开发
Vue生成Canvas二维码
Vue生成Canvas二维码
6 0
|
2天前
|
JavaScript
vue项目切换页面白屏的解决方案
vue项目切换页面白屏的解决方案
5 0
|
2天前
|
JavaScript 前端开发 开发者
new Vue() 发生了什么
new Vue() 发生了什么
8 1
|
2天前
|
JavaScript 容器
使用Vue写一个日期选择器
使用Vue写一个日期选择器
9 1
|
2天前
|
JavaScript
Vue 中如何模块化使用 Vuex
Vue 中如何模块化使用 Vuex
5 0
|
存储 前端开发 JavaScript
为什么我不再用Vue,改用React?
当我走进现代前端开发行业的时候,我做了一个每位开发人员都要做的决策:选择一个合适的框架。当时正逢 jQuery 被淘汰,前端开发者们不再用它编写难看的、非结构化的老式 JavaScript 程序了。
|
2天前
|
JavaScript 应用服务中间件 nginx
vue中404解决方法
vue中404解决方法
3 0
|
2天前
|
JavaScript 前端开发
vue中nextTick使用以及原理
vue中nextTick使用以及原理
5 0