vue+elementui 中src动态加载图片的时候不起作用

代码如下：

<el-table-column align="center" label="宠物图片" prop="imageId"><img style="width: 100%" :src="petImage"/>
</el-table-column>

petImage: '../assets/logo.png',

修改代码为：

petImage: require('../assets/logo.png'),

即可

vue+elementui 中src动态加载图片的时候不起作用相关推荐

VUE中的img的:src动态加载图片的问题，require也不能随便用
问题描述: 写的一个系统,用户登录后会使用数据库的数据作为用户头像,需要显示在页面上,那头像链接就需要用变量表示,那就用到了:src做动态绑定,直接加变量问题解决: 1.使用require 由于我们 ...
vue项目中 img标签加载图片失败，让其显示默认图片
<img src="123" @error="defImg" alt="" width="150" > 可以 ...
vue elementUI中指定div加载状态
<el-button type="primary" size="mini" @click="openLoading">查询< ...
vue中通过js加载图片显现
在vue开发中会遇到这样的问题:有时需要在img中加载多个静态资源的图片,如果我们将src的路径整个定义成一个变量,会发现img加载不出来正个图片的路径,其实此时需要require()来加载静态资源的 ...
vue 动态加载图片路径报错解决方法
vue 动态加载图片路径报错解决方法参考文章: (1)vue 动态加载图片路径报错解决方法 (2)https://www.cnblogs.com/qingcui277/p/8930507.html ...
vue 根据组件地址动态加载异步组件
要求:根据列表中配置的组件地址,动态加载组件(webpart) vue 根据组件地址动态加载异步组件目录结构 index.html components/component1 components/ ...
html5动态加载图片和加载视频
这两在做一个动态加载图片的东西,有点类似QQ发说说里面附带图片的那种,经过测试可以任意添加.删除,然后该删除的位置被后一位自动填充,还有一个bug,就是最后一个图片的控件没做处理,删掉最后一个就会导致 ...
vue项目中 img标签加载失败方法，onerror事件的两种方法
vue项目中 img标签加载失败方法 ?css 第一种方法第二种方法本人写的第一篇文章,希望对你有帮助第一种方法 < img src="123" :οnerrοr=&q ...
viewer动态加载图片第一次点击预览图片失败的问题
如果您搜到这篇文章的话,那估计您遇到跟我一样的问题了. 众所周知,每一个插件都有很多坑,比如说市面上比较火爆的图片浏览插件viewer,有js版本和jqery版本的,尽管这两个版本不一样,但是大同小 ...

vue+elementui 中src动态加载图片的时候不起作用

vue+elementui 中src动态加载图片的时候不起作用相关推荐

最新文章

热门文章