Vue: Hoisting-up vnode - aviso de loop infinito
Versão
2.4.4
Link de reprodução
http://jsfiddle.net/vjvMp/2019/
Passos para reproduzir
O layout preciso dos componentes está no JSFiddle. A montagem dos componentes é por algum motivo muito frágil o que me faz pensar que se trata de um bug. Por exemplo, se eu remover o componente layout que não deve afetar o código, o aviso desaparece: http://jsfiddle.net/vjvMp/2020/
O que é esperado?
Para que a fenda na criança seja içada até o pai e renderizada acima da criança sem problemas.
O que realmente está acontecendo?
O filho é renderizado, mas há um aviso de loop de atualização infinita.
privatenumber
Todos 3 comentários
O código estava funcionando na v2.4.2 ; parece que foi introduzido na v2.4.3.
privatenumber
em 15 set. 2017
- Você está retornando API de
data, isso torna o objeto whileapireativo - Quando você define os vnodes na API, o Vue tenta converter o vnode
- Em 2.4.3 os nós de slot agora são clonados profundamente na re-renderização para corrigir alguns bugs, isso faz com que a função de renderização registre todo o vnode como dependência reativa, portanto, a mutação do vnode aciona uma re-renderização.
Por enquanto, sua solução alternativa poderia ser Object.freeze o vnode ou não tornar a injeção de API reativa.
yyx990803
em 15 set. 2017
👍4
A correção funciona muito bem! Obrigado @ yyx990803
privatenumber
em 15 set. 2017
Esta página foi útil?
0 / 5 - 0 avaliações
Questões relacionadas
julianxhokaxhiu
·
3Comentários
wufeng87
·
3Comentários
fergaldoyle
·
3Comentários
robertleeplummerjr
·
3Comentários
lmnsg
·
3Comentários
Comentários muito úteis
data, isso torna o objeto whileapireativoPor enquanto, sua solução alternativa poderia ser
Object.freezeo vnode ou não tornar a injeção de API reativa.