Vue: 异步组件的外入过渡问题

创建于 2017-05-26  ·  17评论  ·  资料来源: vuejs/vue

2.3.0

复制链接

https://jsfiddle.net/z11fe07p/1959/

重现步骤

期望什么?

之前的成分(A)应该在成分B出现之前消失

实际发生了什么?

组件A和B同时可见


仅当尚未加载组件B时,才会发生此行为。 下次您从A切换到B时,一切都很好。

最有用的评论

我解决了,请稍等...

呈现async components ,我们需要使用隐藏元素占位符

所有17条评论

谢谢,看起来像个虫子。 感谢简洁明了的再现

似乎异步组件渲染得太早了

我解决了,请稍等...

呈现async components ,我们需要使用隐藏元素占位符

您确定这解决了异步组件转换问题吗? 我是Vue的新手,所以它可能是我的代码中的错误,但是下面的我的回购仍然显示了过渡输出错误,其中传入组件不等待输出淡出完成。 注意我正在使用上面命名的http-vue-loader。

异步组件转换错误演示

确实,使用相同的repro仍然失败。 转换立即开始,如@clingor所说

@posva

https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.js

看起来此版本不包含修复代码

该修复程序尚未发布。 补丁程序进入dev分支后,我们关闭了问题,但该补丁可能尚未公开发行。

2.3.4仅包含一个针对内存泄漏的修复程序(具有更高的优先级)

不好意思,我只是看到提交是在发布之前进行的,并认为这很奇怪。 无论如何,它会在发行说明中

造成误解,很抱歉,感谢您确认问题!

在2.4.2中似乎尚未解决此问题。 这仍在等待发布吗?

异步组件转换错误演示

@clingor您确定吗? jsfiddle效果很好

小提琴确实可以正常工作,但是我的示例GitHub存储库中的代码仍然表现出相同的行为。 它可能是http-vue-loader帮助问题而创建

@FranckFreiburger这些VueJS更改是否需要更新http-vue-loader

如果您将问题放在没有加载程序的jsfiddle上,我可以看看

我21.07.2017 21:16 schrieb“克里斯·林格” [email protected]

在2.4.2中似乎尚未解决此问题。 这还在等待中吗
发布?

异步组件转换错误演示
https://github.com/clingor/githubIssuesFileShare/tree/master/vue-async-component-bug

-
您收到此消息是因为您已订阅此线程。
直接回复此电子邮件,在GitHub上查看
https://github.com/vuejs/vue/issues/5760#issuecomment-317088909 ,或静音
线程
https://github.com/notifications/unsubscribe-auth/Aclno69wDoTlZziST6eSocqxEnn8mFx-ks5sQPkKgaJpZM4Nng7j

罪魁祸首是<keep-alive>

重现步骤

  1. 参见https://jsfiddle.net/z11fe07p/2382/
  2. 点击“ B”按钮

@posva ,您可以复制吗?

@FranckFreiburger您应该

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

hiendv picture hiendv  ·  3评论

bfis picture bfis  ·  3评论

guan6 picture guan6  ·  3评论

seemsindie picture seemsindie  ·  3评论

lmnsg picture lmnsg  ·  3评论