Vue: Objetos de limite vazio causam uma exceção de renderização

Criado em 14 mar. 2017  ·  3Comentários  ·  Fonte: vuejs/vue

Versão Vue.js

2.2.4

Link de reprodução

https://jsfiddle.net/wwuyv17z/

Passos para reproduzir

Não passe nada para um prop vinculado, como no exemplo: <test :user=""></test>

O que é esperado?

Na pior das hipóteses, eu esperaria um aviso no console e nenhuma falha; na melhor das hipóteses, eu esperaria que o prop apresentasse um null para o componente.

Se for acordado que um aviso ou substituição nula deve ocorrer, terei prazer em tentar solicitar essa alteração sozinho.

O que realmente está acontecendo?

Ocorre um erro semelhante a:

[Vue warn]: Failed to generate render function:

SyntaxError: Unexpected token } in

with(this){return _c('div',{attrs:{"id":"app"}},[_c('test',{attrs:{"user":}})],1)}

(found in <Root>)

Todos 3 comentários

Isso é esperado. Você também obteria um erro de sintaxe em JS se não fornecer um valor a um campo de objeto.

Obrigado pela resposta Evan.

Obrigado. Depois de entender o fato de que os adereços vinculados são basicamente propriedades de javascript.

Nesse caso, o Vue tem um conceito de verificação de erros no modo dev? Acabei de ajudar um iniciante que teve esse problema - acho que eles próprios poderiam ter resolvido o problema se tivessem recebido algo semelhante a:

[Vue warn] Bound property 'user' should not be empty on component 'test'

Mais uma vez, será um prazer tentar adicionar isso se você achar que é útil.

Sim, isso deve ser possível marcando value aqui . Se você trabalha em um RP, certifique-se de incluir um caso de teste que o acompanha.

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

paceband picture paceband  ·  3Comentários

loki0609 picture loki0609  ·  3Comentários

julianxhokaxhiu picture julianxhokaxhiu  ·  3Comentários

bdedardel picture bdedardel  ·  3Comentários

Jokcy picture Jokcy  ·  3Comentários