如何在vue.js模板中顯示未定義的空格和空值？

Question

這是Vue.js模板

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

當userdata.phone == null或userdata.phone ==不確定，我想展現的空間。 例如

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

這可能嗎？ 而在這種情況下，這是怎麼回事？

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

userdata.locationi.city，州，國家可以爲空或未定義

Answer 1

的解決方案是一樣具有default fallback for values in regular Javascript。

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

相同的解決方案適用於多個回退。

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