渲染null物件的屬性,vue會報錯,導致渲染頁面出錯
目前我知道兩種辦法,可以來檢查空, 但是這兩種辦法,感覺局限性很高, 大家有什么其他解決辦法嗎?
下面是我的解決辦法
解決辦法1,判斷物件時候為null在輸出
{{item.orderdetail.info==null?'null':item.orderdetail.info.fullName}}
解決辦法2:v-if 進行判斷,如果為null不渲染這個dom
期待你的解決辦法: 統一對null物件進行檢查,并初始化一些數值,
uj5u.com熱心網友回復：
目前想到一個辦法:在將資料庫回傳的資訊,賦值給js物件時候,如果這個物件為null ,那么將這個物件重置為宣告的物件
vm:是 new Vue()
axios.get('/getUserOrders', {
params: {
pageSize: this.pageSize,
currentPage: this.currentPage,
}
}).then(function (responseDate) {
//responseDate 是接收到的回傳資訊, 判斷里面的物件,如果為null,那么將這個物件改為宣告的物件
for (let dataValue of responseDate.data.data) {
if(dataValue.founderClass===null){
dataValue.founderClass=vm.orderDate.data.founderClass;
}
let orderdetail = dataValue.orderdetail;
if(orderdetail===null){
orderdetail=vm.orderDate.orderdetail;
}else{
if(orderdetail.responsiblePersonClass==null){
orderdetail.responsiblePersonClass=vm.orderDate.data.responsiblePersonClass;
}
if(orderdetail.prepaymentCashierClass==null){
orderdetail.prepaymentCashierClass=vm.orderDate.data.prepaymentCashierClass;
}
if(orderdetail.finalPaymentCashierClass==null){
orderdetail.finalPaymentCashierClass=vm.orderDate.orderdetail.finalPaymentCashierClass;
}
}
}
vm.orderDate = responseDate.data;
console.log(vm.orderDate);
}).catch(function (error) {
})
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/48727.html
標籤：HTML5