资讯专栏INFORMATION COLUMN

vue强制重新渲染组件

ChanceWong / 1169人阅读

摘要:会在页面重新渲染以后开始执行回调所以使用这个方法强制刷新组件思路就是先把某个值设为,销毁组件,然后在页面重新渲染完毕以后再次创建组件

这几天开发中遇到了一个问题,组件的值已经有了,但是并没有渲染出来
后来无奈百度了一下vue的组件强制刷新:

val.type = "none"
this.$nextTick(() => {
  val.type = "city"
})

官方介绍:将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。
nextTick会在页面重新渲染以后开始执行回调
所以使用这个方法强制刷新组件思路就是:先把某个值设为false,销毁组件,然后在页面重新渲染完毕以后再次创建组件

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109907.html

相关文章

  • react-lazy-load粗读

    摘要:粗读近来没什么特别要做的事,下班回来的空闲时间也比较多,所以抽空看看懒加载是怎么实现的,特别是看了下的库的实现。之先别关注,按他给注释说测试用。之是组件绑定事件时会触发的函数。 react-lazy-load粗读 近来没什么特别要做的事,下班回来的空闲时间也比较多,所以抽空看看懒加载是怎么实现的,特别是看了下 react-lazy-load 的库的实现。 懒加载 这里懒加载场景不是路由...

    dailybird 评论0 收藏0
  • 预计今年发布的Vue3.0到底有什么不一样的地方?

    摘要:模板语法的将保持不变。基于的观察者机制目前,的反应系统是使用的和。为了继续支持,将发布一个支持旧观察者机制和新版本的构建。 showImg(https://segmentfault.com/img/remote/1460000017862774?w=1898&h=796); 还有几个月距离vue2的首次发布就满3年了,而vue的作者尤雨溪也在去年年末发布了关于vue3.0的计划,如果不...

    fnngj 评论0 收藏0
  • Vue基本语法

    摘要:基本语法和组件传参基本语法是一个的框架数据驱动和组件化是的核心思想。这种语法为请输入代码语法这里是的值网页上就会显示出来里面的值。七和语言中的一样的语法效果。我花费了元运行结果如下图至此,讲完了的基本语法撒花 Vue基本语法和组件传参 基本语法 Vue是一个 MVVM 的框架,数据驱动和 组件化是Vue的核心思想。简单的讲MVVM框架就是:我们只需要在数据层做数据操作,显示层会检测到我...

    ShevaKuilin 评论0 收藏0
  • vue 无痕刷新

    摘要:最近遇到一个需求,需要刷新当前页面来更新数据,网上找了很多方法,在这里做个总结。这里主要记录三种方法,分别是强制刷新伪造刷新无痕刷新。 最近遇到一个需求,需要刷新当前页面来更新数据,网上找了很多方法,在这里做个总结。 这里主要记录三种方法,分别是:强制刷新、伪造刷新、无痕刷新。 强制刷新 window.location.reload(),原生 js 提供的方法; this.$...

    AndroidTraveler 评论0 收藏0

发表评论

0条评论

ChanceWong

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<