Comment afficher l'espace à la place undefined et null dans le modèle vue.js?

Question

Ce modèle est Vue.js

<strong>{{userdata.phone}}</strong> 

Lorsque userdata.phone == null ou userdata.phone == undefined, je voudrais montrer l'espace. par exemple

<strong> {{ userdata.phone | !null | !undefined }} </strong> 

Est-il possible? Et dans ce cas, comment cela?

<strong>{{userdata.location.city + userdata.location.state + userdata.location.country }}</strong> 

userdata.locationi.city, état, pays peut être nul ou non défini

Answer 1

La solution est la même que celle ayant une default fallback for values in regular Javascript.

<strong>{{ userdata.phone || " " }}</strong> 

La même solution fonctionne pour plusieurs solutions de repli.

<strong>{{ userdata.location.city || userdata.location.state || userdata.location.country || " " }}</strong>