Vue: Les props liés vides provoquent une exception de rendu

Créé le 14 mars 2017 · 3Commentaires · Source: vuejs/vue

Version de vue.js

2.2.4

Lien de reproduction

Étapes à reproduire

Ne rien transmettre à un accessoire lié comme dans l'exemple : <test :user=""></test>

Qu'est-ce qui est attendu ?

Au pire, je m'attendrais à un avertissement dans la console et à aucun plantage ; au mieux, je m'attendrais à ce que l'accessoire donne une null au composant.

S'il est convenu qu'un avertissement ou un remplacement nul doit se produire, je suis heureux d'essayer de demander moi-même ce changement.

Que se passe-t-il réellement ?

Une erreur semblable à :

[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>)

Source

jameshulse

👍1

Tous les 3 commentaires

C'est prévu. Vous obtiendrez également une erreur de syntaxe dans JS si vous ne donnez pas de valeur à un champ objet.

yyx990803 le 14 mars 2017

👍1

Merci pour la réponse Eva.

J'apprécie ça. Une fois que vous avez compris que les accessoires liés sont essentiellement des propriétés javascript.

Dans ce cas, Vue a-t-il un concept de vérification d'erreur en mode dev ? Je viens d'aider un débutant qui a rencontré ce problème - je pense qu'il aurait pu résoudre le problème lui-même s'il avait reçu quelque chose de similaire à :

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

Encore une fois, heureux d'essayer d'ajouter ceci si vous pensez que c'est utile.

jameshulse le 14 mars 2017

👍1

Oui, cela devrait être possible en cochant value ici . Si vous travaillez sur un PR, assurez-vous d'inclure un cas de test d'accompagnement.

yyx990803 le 14 mars 2017

👍1

Cette page vous a été utile?

0 / 5 - 0 notes