vue-router in transition-group crashes on quick page changes

FyiurAmron
创建于
2017-11-24 18:38:09

Version

2.5.8

Steps to reproduce

Have a proper <transition-group> containing properly keyed <router-view> . Add any transition effect. Change the route quickly a couple of times.

What is expected?

Router transitions properly.

What is actually happening?

Vue crashes with [Vue warn]: Error in render: "TypeError: c$1.elm.getBoundingClientRect is not a function" and further errors.


crash dump at https://gist.github.com/FyiurAmron/80abc0f47237df649d6a1080b715e1d9 . Note that changing <transition-group> to <transition> fixes this behaviour. By inspecting internal Vue code, is seems it tries to process a <!-- --> element that is present in the group when the router is not rendered, and fails, because the empty comment element hasn't got the required methods or properties (getBoundingClientRect, getAttribute, style.display, getComputedStyle etc.) enabled.

Note: I wasn't able to consistently reproduce this outside of my current application, and I'm bound by legal contract not to share it nor it parts. Still, I think the case description is clear enough; don't hesitate to ask me for any additional details if they are needed, though.

1条回答
yyx990803
回复于
2017-11-24 18:50:06
#1

Missing reproduction.

当前位于第1页,总计1 条回复

推荐相似问题

尤雨溪我想问您一个问题,最新版2.9.1如何手机调试?急!

假设我的电脑IP是:192.168.2.255,以前我在手机上直接写:http://192.168.2.255:8080就能顺利打开页面了,但是现在VUE版本升级以后,却打不开了,是webpack的问题吗,如何设置呢?请告诉我谢谢!
讨论数 2
vue
创建时间:2017-11-24 15:06:09

当组件使用v-if控制显示利用bus进行赋值将赋值失效

Version 2.5.8 Reproduction link https://jsfiddle.net/50wL7mdz/78588/ Steps to reproduce 如果同时使用v-if和bus配合,则bus的赋值无效 What
讨论数 2
vue
创建时间:2017-11-24 06:13:47

Slot-scope bind in child; bind back in parrent, the object doesnt have intance method

Im haveing a wrapper component where i bind a list from a vuex getter <grid-review-component v-bind:reviewResults="custo
讨论数 4
vue
创建时间:2017-11-23 19:34:48

Updates are slow

Hello Evan, thanks for creating Vue, Let me start by explaining my use case, I have a fee_map attr on data which is a li
讨论数 2
vue
创建时间:2017-11-23 13:50:15

v-if="statusPId==12 && statusId==111" 不能正常解析,出现500错误

我通过props向子组件传递了statusPId和statusId,这两个字段用来判断表单的某个输入框在某种条件下是否显示,但是v-if中使用&&进行组合出现500错误, 但是我删除&&和其中任何一个条件都会显示,同时我将&&换成'||'却
讨论数 3
vue
创建时间:2017-11-23 13:26:06

vue前端性能问题排查

vue前端偶尔出现卡顿的情况,页面异步接口12s超时,但是查看后端nginx所有请求都是正常返回,对前端定时器任务做了部分清理,卡顿问题稍微有点好转,但是对比以前的iframe,定时任务少了很多,不知道这类问题该如何更好的排查? 关闭tab
讨论数 2
vue
创建时间:2017-11-23 12:56:19

版本更新以后运行npm run dev后内网机器无法访问

Version 2.5.8 Reproduction link http://localhost:8080 Steps to reproduce 旧版本(2.5.2)时候用webpack建立的项目运行npm run dev 内网可以正常访问
讨论数 2
vue
创建时间:2017-11-23 10:32:10

Not using native bind function prevents isolating component methods for test

Description I'll start by saying I love Vue, great job! Running into some headache with the use of a custom bind functio
讨论数 2
vue
创建时间:2017-11-23 09:49:44

vue路由切换:从A页面切到B页面时,怎么把A页面的js都卸载掉,不要再执行A页面未执行完的js代码呢?

What problem does this feature solve? vue路由切换:从A页面切到B页面时,怎么把A页面的js都卸载掉,不要再执行A页面未执行完的js代码呢? What does the proposed API lo
讨论数 2
vue
创建时间:2017-11-23 03:31:34

Cannot resolve: "Unknown custom element"

Version 2.5.2 Reproduction link https://github.com/Pistos/vue-unknown-custom-element-bug Steps to reproduce See README,
讨论数 3
vue
创建时间:2017-11-22 22:08:05