Vue.js动态组件重新加载

鲁纳尔·哈尔斯

我有一个vue.js应用程序,在其中使用component标记和:is="currentView"更改活动视图的方法。我有一个“状态机”,它根据某些业务逻辑来跟踪从一个组件到另一个组件的有效转换。有时,这会告诉vue实例,其新值currentView与旧相同。如果发生这种情况,该组件将不会重新加载。有什么办法可以强制组件重新加载,即使视图是相同的?那就是我想重新加载数据,并执行生命周期挂钩。

鲁纳尔·哈尔斯

这似乎可以解决问题,但是如何使视图闪烁,有什么办法可以避免这种情况?

  const oldView = this.currentView
  this.currentView = engine.advance()
  if(this.currentView == oldView) {
    //force reload!
    this.currentView = ''
    this.$nextTick(function () {
      this.currentView = oldView
    })
  }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Nuxt / Vue.js-基于道具动态加载子组件

来自分类Dev

vue.js动态导入和加载组件

来自分类Dev

vue js动态创建组件

来自分类Dev

Vue JS 0.12动态组件

来自分类Dev

动态创建组件的Vue重新激活

来自分类Dev

在Vue组件之前加载js

来自分类Dev

在Vue组件之前加载js

来自分类Dev

Vue.js动态组件不变

来自分类Dev

在vue.js中渲染动态组件?

来自分类Dev

Vue.js中的动态导航组件

来自分类Dev

Vue.js - 从 ajax 调用加载组件

来自分类Dev

如何让图像在 vue 组件中自动重新加载

来自分类Dev

使用vue和vue-router重新加载路由后,从父组件中获取数据

来自分类常见问题

Vue.js组件上的无限循环重新渲染

来自分类Dev

Vue.js - 反应性组件,并不总是重新渲染

来自分类Dev

如何在Vue.js中添加动态组件/部分

来自分类Dev

在Vue JS组件中动态添加和删除div

来自分类Dev

Vue.js在父子组件之间动态映射数据

来自分类Dev

Vue.js创建基于多个组件的动态AJAX响应

来自分类Dev

在 Vue.js 中动态挂载单个文件组件

来自分类Dev

Vue.js - 具有动态组件的多个事件

来自分类Dev

Vue.js $emit 参数不呈现动态组件?

来自分类Dev

从字符串动态注册 Vue.js 组件

来自分类Dev

在更改Vue.Js + HTML Range上重新加载画布

来自分类Dev

Vue.js组件等待Facebook SDK加载

来自分类Dev

延迟加载Vue.js中的特定组件

来自分类Dev

在Vue JS中加载组件时默认单击按钮

来自分类Dev

在 Vue.js 加载数据之前阻止显示组件

来自分类Dev

vue js加载组件前渲染一张图片