字符串

网站

VUE中，如何用v-if判断为空或者为[]{}情况

因为项目调整，原来是layui的，该字段此前并没有使用json数据，所以要么为空，要么为字符串。升级后，项目使用VUE+element，这个字段也升级成为json数据或者为空的[]。那么，在列表中，要如何呈现呢？直接上代码

<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>

<el-table-column prop="financial_money_received" width="120" align="center" sortable label="实收金额">

<el-popover effect="light" trigger="hover" placement="top" width="auto">

查无记录

</div>

查无记录

</div>

<div> {{ scope.row.temp_financial_money_received }}</div>

</div>

</template>

<el-tag>{{ scope.row.financial_money_receivable }}</el-tag>

</template>

</el-popover>

</template>

</el-table-column>

第一个判断，先判断是否是老数据的null，也就是为空[crayon…

蓝洛水深

2022年7月8日

013.6K0