想使用vue3从接口中获取数据，渲染出一个列表，列表如果没有数据的话，需要提示为“暂无数据”，从接口里获取到真实数据前，是从data的初始数据来渲染的，所以会优先显示暂无数据，等从接口里获取到真实数据后，再重新渲染出列表，如果获取的真实数据为空，就显示“暂无数据”。但每次执行的时候，都会先出现暂无数据，然后再渲染出真实数据，咋解决？？
4条回答 默认 最新
CSDN专家-showbo 2022-09-09 11:31关注显示的信息放变量里面，默认加载中，加载完数据判断没有在设置这个变量的值为暂无数据
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2023-07-07 11:08常安cc的博客 vue显示列表，在展示真实列表数据前，页面会闪现出现暂无数据组件内容
- 2020-10-15 23:54在Vue.js开发过程中，经常会遇到页面初始化时由于数据还未加载完成而导致访问数据字段时出现`undefined`的错误。这个问题通常是由于Vue组件的生命周期导致的，因为Vue组件在数据请求完成前就已经进行了初次渲染。...
- 2020-04-23 18:10赛尔号-的博客 1、在data里面定义isInit属性，默认值为false data() { return { childrenArr: [], isInit: false, } }, 2、在最外层的div上控制显示 <div id="app" class="gp-bind-list" v-cloak v-show="isInit"> 3、等数据加载...
- 2020-03-30 18:26@Forever的博客 数据中存在 为空数据 children:[ ] 解决思路 将没子节点数据内容改为 undefind <template> <div> <div>层级菜单显示</div> <!- clearable 可清除 级联 :options 级联数据 show-all-...
- 2020-12-21 16:11weixin_39650756的博客 下面我就为大家分享一篇解决使用Vue.js显示数据的时,页面闪现原始代码的问题，具有很好的参考价值，希望对大家有所帮助。今天开始学习Vue.js的使用，但是在学习过程中发现一个问题，那就是页面加载数据时，原始代码...
- 2023-05-11 08:26Jmh-Ethereal的博客 Vue是一套用于构建用户界面的渐进式JavaScript框架，本质就是一个JavaScript库，Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。渐进式框架：表示我们可以在项目中一点点来引入和使用Vue...
- 2020-12-21 16:11weixin_39751327的博客 场景介绍：页面加载数据时，原始代码{{}}闪现。问题代码{{user.username}}{{user.email}}{{user.last_time}}axios.get("http://127.0.0.1:8000/users/?format=json").then(function (response) {var v = new Vue({el...
- 2020-11-12 17:57时间是包治百病的庸医的博客 用v-if="list.length>...0"时判断暂无数据则会出现闪现 <div class="orderList" v-if="list.length>0"> <div class="orderListItem" v-for="(item, index) in list" :key="index"> <div clas.
- 2024-08-01 03:56辉夜之君的博客 一、Vue数据类型1、基础类型 Number(数字)、String(字符串)、Boolean(布尔)、Date(日期)、Array(数组)、Object(基础对象)。2、其他类型 Function(方法)、Symbol(属性)。3、自定义类型登录后复制 class Person ...
- 2023-07-26 14:26if侠的博客 在vue3中不能将echarts实例赋值给响应式数据，用普通变量去接收echarts实例即可，按理说应该是会显示提示框的，但现在的效果是这样的，没有提示框。问题：在setOption中配置了显示提示框，此时已经可以正常显示。这...
- 没有解决我的问题, 去提问
问题事件
系统已结题
9月21日
已采纳回答
9月13日-
创建了问题
9月9日