Vue解决无数据图片闪现的问题

1、在data里面定义isInit属性，默认值为false

data() {return {childrenArr: [],isInit: false,}},

2、在最外层的div上控制显示

<div id="app" class="gp-bind-list" v-cloak v-show="isInit">

3、等数据加载完毕再修改isInit的值，无论成功与否都要修改，否则没数据的情况也不显示了。

service(param).then(response => {console.log(response);if (response.result == 1) {this.childrenArr = response.data.childInfo;this.isInit = true;console.log(this.childrenArr);} else {console.log('获取绑定的孩子失败');this.isInit = true;}})

Vue解决无数据图片闪现的问题相关推荐

vue 动态加载图片路径报错解决方法
vue 动态加载图片路径报错解决方法参考文章: (1)vue 动态加载图片路径报错解决方法 (2)https://www.cnblogs.com/qingcui277/p/8930507.html ...
vue上线后图片不显示_解决Vue打包后访问图片/图标不显示的问题
大家可否遇到过 npm run build打包后,项目在线上运行时,资源文件 (图片.图标)不显示的问题, 接下来,我给大家分享一下我的解决方案~ 1.检查打包后dist中的css文件打开此文件后 ...
vue 加载image图片不显示解决
vue 加载image图片不显示解决------------写了个vue的demo(自己做一个表格,可以横向增加列也可以纵向增加行)想给demo加图片怎么都出不来,,,,,查图片太大?加载位置不对?配 ...
vue 动态获取的图片路径不显示_Vue中img的src是动态渲染时不显示的解决
Vue中img的src是动态渲染时不显示的解决今天在项目中遇到一个需求,设计稿如下就是展示用户头像,数据从后端获取,要是没有拿到则显示默认图片. 项目采用vue开发,本人也是第一次在实际项目中使用 ...
vue解决微信防盗链接图片无法展示问题
vue解决微信防盗链接图片无法展示问题 1.需求背景最近在vue项目的页面中使用到了微信公众号项目的图片,然后在另一个项目中引用时出现了防盗链接的提示,导致图片本身的内容无法展示. 解决方案防盗链 ...
vue动图加载图片不能正确显示的解决方法
vue动图加载图片不能正确显示的解决方法解决核心代码运行结果上次解决过一次,没有记录,后来发现有小伙伴问我这个问题,我今天就顺手记录一下,具体的原因我这里就不详细说, 加载不出来简略的原因是v ...
vue+php使用七牛云存储解决富文本图片冗余问题
解决服务器中图片冗余的方法很多,本篇介绍利用七牛云自带的api解决图片冗余问题问题: 在前端编辑富文本上传图片时,一般有两种方式,一种是将图片在本地预览,文件则在本地缓存,一种是直接上传服务器,然后 ...
在vue中设置背景图片
在vue中设置背景图片在App.vue中将样式中默认的margin-top 改为0,使得页面顶部不留白 #app {font-family: 'Avenir', Helvetica, Arial, ...
vue run build之后图片无法加载
VUE项目打包(解决背景图片不显示问题) vue项目打包改变路径配置配置背景图片路径在命令行中用npm run build 进行打包. 查看改变路径配置将绝对路径改为相对路径目标文件:项目 ...
Vue实现长按图片识别图中二维码
Vue实现长按图片识别图中二维码思路:要想实现可以识别图片中的二维码,那必定是要将这张图进行上传操作,上传则需要file对象格式.不管是在H5还是APP中,展示的图片都是通过url的方式展示在img ...

Vue解决无数据图片闪现的问题

1、在data里面定义isInit属性，默认值为false

2、在最外层的div上控制显示

3、等数据加载完毕再修改isInit的值，无论成功与否都要修改，否则没数据的情况也不显示了。

Vue解决无数据图片闪现的问题相关推荐

最新文章

热门文章