鍍金池/ 問答/HTML/ v-for 輸出數(shù)組list里面的字段list.user.name...后臺(tái)報(bào)錯(cuò)

v-for 輸出數(shù)組list里面的字段list.user.name...后臺(tái)報(bào)錯(cuò)name沒定義

<div v-for="list in item">
<span v-bind='list.user.name'></span>
//list.user.name再視圖中輸出名字“小紅”了。但是控制臺(tái)會(huì)報(bào)錯(cuò)name沒定義
</div>
//熟悉angular2.0以上的應(yīng)該知道，ng的解決方案是<span v-bind='list?.user?.name'></span>
不知道Vue有什么對(duì)應(yīng)的方案沒？

回答
編輯回答
咕嚕嚕

你把數(shù)據(jù)貼出來啊，一般來說vue里面你要存在對(duì)應(yīng)的數(shù)據(jù)才去v-for
解決方式就是三元表達(dá)式
<div v-for="list in item">
<span>{ list.user.name?list.user.name:''}</span>
</div>

2017年12月24日 09:45
編輯回答
茍活

只能自己寫了.

<span v-bind='list.user && list.user.name || ""'></span>
2018年3月18日 22:54