JSON

网站

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

软件

Python自学Day48 前后端分离开发入门

前后端分离开发入门在传统的Web应用开发中，大多数的程序员会将浏览器作为前后端的分界线。将浏览器中为用户进行页面展示的部分称之为前端，而将运行在服务器为前端提供业务逻辑和数据准备的所有代码统称为后端。所谓前后端分离的开发，就是前后端工程师约定好数据交互接口，并行的进行开发和测试，后端只提供数据，不负责将数据渲染到页面上，前端通过HTTP请求获取数据并负责将…

蓝洛水深
2020年10月10日
006800