vue img初始化时不显示图片错误图标

如果vue页面的图片是根据后台来的，就像这样:

        <img :src="'data:image/png;base64,'+imgs" alt="" />

进入页面的瞬间，图片是显示的图片错误图标，因为这时候还没有调用后台请求图片数据。

解决方法有两种，一种是先使用默认图片填充，另一种方法就是先隐藏，等请求到了数据再加载图片。

这里介绍下第二种方法：

    <img :src="'data:image/png;base64,'+imgs" alt="" v-if="createdFlag"/>

  data() {return {createdFlag: false};},

methods: {init() {// 省略从服务器后端获取图片的代码this.createdFlag = true;},

vue img初始化时不显示图片错误图标相关推荐

vue 项目初始化时，npm run dev报错解决方法
vue 项目初始化时,npm run dev报错解决方法参考文章: (1)vue 项目初始化时,npm run dev报错解决方法 (2)https://www.cnblogs.com/ruilin ...
vue项目初始化时npm run dev报错webpack-dev-server解决方法
vue项目初始化时npm run dev报错webpack-dev-server解决方法参考文章: (1)vue项目初始化时npm run dev报错webpack-dev-server解决方法 ( ...
Pyqt设计界面时无法显示图片问题
** Pyqt设计界面时无法显示图片问题个人学习中遇到的问题,比较有效的解决方法^ ^ ** 设计好的pyqt界面加入了图片,但是通过pyinstaller 生成exe文件,却不显示出来,主要问题是 ...
python打包成exe_【Python】使用pyinstaller打包成exe文件时可以显示图片的方法
本文作者:小赖同学最近我在学习Python GUI的使用时,尝试在一个组件上使用了背景图片,然而,直接Run时这个背景图片是可以显示出来,可当使用pyinstaller打包成exe时却没有打包进去显 ...
echart图表-刷新界面.初始化时默认显示hover提示内容
(function() {// 路径配置 require.config({paths: {echarts: '../../lib/echarts-2.2.7/build/dist' }}); requ ...
vue在初始化时给scrollTop设置一个值，但scrollTop却始终为0
在vue项目中往往有这样一个需求,在初始化时需要给某个容器的scrollTop设置一个值,一开始的想法是在created或者mounted中改变 scrollTop 的值,但是却出现了几个问题. 问题 ...
把图形写入linux内核,如何在linux内核启动时添加显示图片
内核版本为2.6.30.4 为了实现了在linux内核启动时不仅仅是只显示一个静态的全屏logo, 而是显示能够表示内核正在启动的进度条,因此需要能够在启动过程中直接操纵framebuffer的功能. ...
Todesk远程连接时一直显示密码错误
今天下午在让朋友使用todesk远程连接我电脑的时候发现一直连不上,设备代码和密码都没有问题,朋友就是连不上,我自己可以控制别人的电脑,用手机也可以控制自己的电脑,唯独别人连我的时候一直显示密码错误. ...
vue点击按钮弹窗显示图片
需求是根据当前表格的行数据来获取对应的图片.然后我的行数据里已经有了id值,图片的名称也是id值.所以先通过按钮点击获取对应行的数据.这是写在表格里的按钮. <template slot-sco ...

vue img初始化时不显示图片错误图标

vue img初始化时不显示图片错误图标相关推荐

最新文章

热门文章