1. 程式人生 > >vue執行時再控制檯輸出Cannot read property 'AllInfor.baseinfo.name' of undefined

vue執行時再控制檯輸出Cannot read property 'AllInfor.baseinfo.name' of undefined

1.做專案時,出現了比較詭異的現象,當資料為物件中包含物件(第二層物件裡的屬性如果沒有初始化,獲取完資料渲染頁面會報undefined錯誤,如果是陣列形式不會報錯,所以說比較詭異);

例如:{{AllInfor.baseinfo.name}}

2.其實在介面請求完資料,將資料賦值給了第一層物件,同時列印各層物件的值也能打印出來,但在html中資料渲染死活出不來,於是就想能不能在data中初始化變數附空值,執行結果可行,這就很詭異了(猜想:可能是vue內部的bug。其實在網上查了一些資料,也有遇到這個問題的人,但都沒有別的比較好的解決方法)

例如:

var vm=new Vue({
	el:"#app",
	data:{
		AllInfor:{
			baseinfo:{
				name:""
			}
		}
	}
})