因为项目调整，原来是layui的，该字段此前并没有使用json数据，所以要么为空，要么为字符串。
升级后，项目使用VUE+element，这个字段也升级成为json数据或者为空的[]。
那么，在列表中，要如何呈现呢？
直接上代码
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<el-table-column prop="financial_money_received" width="120" align="center" sortable label="实收金额"> <template #default="scope"> <el-popover effect="light" trigger="hover" placement="top" width="auto"> <template #default> <div v-if="scope.row.temp_financial_money_received ==null"> 查无记录 </div> <div v-else-if="scope.row.temp_financial_money_received.length === 0"> 查无记录 </div> <div v-else> <div> {{ scope.row.temp_financial_money_received }}</div> </div> </template> <template #reference> <el-tag>{{ scope.row.financial_money_receivable }}</el-tag> </template> </el-popover> </template> </el-table-column> |
第一个判断，先判断是否是老数据的null，也就是为空
|
1 |
<div v-if="scope.row.temp_financial_money_received ==null"> |
第二个判断，判断是否是json数据的空，即[]
|
1 |
<div v-else-if="scope.row.temp_financial_money_received.length === 0"> |
最后，没有问题的数据就在列表中呈现。
原创文章，作者：蓝洛水深，如若转载，请注明出处：https://blog.lanluo.cn/11272
微信扫一扫 
支付宝扫一扫 
