美文网首页
vue更新或者重新加载组件方法

vue更新或者重新加载组件方法

作者: Mr_bb4 | 来源:发表于2020-06-02 17:17 被阅读0次

分享vue更新组件三种方法，vue版本为2.6.10

1.使用 v-if

对于单个组件，想自己灵活控制的情况下可以使用 v-if，设置 showModal 的值为true（加载）或者false（卸载）。

使用v-if

2.使用 :key

对于在列表中使用的组件，可以使用:key，组件id变化可以触发重新加载组件，我这边的例子使用的是时间戳

使用 :key

3.使用this.$forceUpdate

对于数据更新ui没有更新的情况下可以使用this.$forceUpdate

使用this.$forceUpdate

相关文章

  • vue更新或者重新加载组件方法

    分享vue更新组件三种方法，vue版本为2.6.10 1.使用 v-if 对于单个组件，想自己灵活控制的情况下可以...

  • 为什么Vue采用异步渲染呢？

    Vue 是组件级更新，如果不采用异步更新，那么每次更新数据都会对当前组件进行重新渲染，所以为了性能， Vue 会在...

  • react的生命周期-07

    reace生命周期函数：组件加载之前，组件加载完成，组件更新数据，及组件销毁时触发的一系列的方法。 1、组件加载触...

  • vue提升性能的几种简单方法

    1.vue异步组件实现懒加载方法如下：component：resolve=>(require([‘需要加载的路由的...

  • 浅谈 vue项目优化

    1.路由懒加载 使用vue-router的方法 2.图片懒加载 组件缓存 使用vue的，详...

  • vue中组件懒加载

    vue中组件懒加载的方法 1.异步实现路由懒加载 2.import(推荐使用这种方式) 同理，路由懒加载和组件懒加...

  • vue异步渲染

    vue是组件级更新，当数据更改一次组件就要重新渲染一次，性能不高，为了防止数据一更新就更新组件，所以做了个异步更新...

  • Vue EventBus踩坑总结

    前提: vue 组件懒加载 ()=>import()这种方式引入组件 首次加载不触发，A组件emit,B组件on,...

  • vue项目中碰到的问题

    vue项目中碰到的问题 路由懒加载写法: Vue 数组/对象更新 视图不更新深拷贝对象或者数组，视图会进行更新对象...

  • vue 分页加载数据页面滚动加载更多

    组件源码 .vue文件