vue中通过js加载图片显现

   在vue开发中会遇到这样的问题：有时需要在img中加载多个静态资源的图片，如果我们将src的路径整个定义成一个变量，会发现img加载不出来正个图片的路径，其实此时需要require()来加载静态资源的路劲

在vue中通过js加载图片路径需要用 require() 加载图片路径

<img :src="titleIcon"  class="title-icon">{{ title }}</img>computed: {titleIcon() {return require(`@/assets/img/crm/${this.crmType}.png`)}},

vue中通过js加载图片显现相关推荐

vue+elementui 中src动态加载图片的时候不起作用
vue+elementui 中src动态加载图片的时候不起作用代码如下: <el-table-column align="center" label="宠物图片& ...
Vue中使用Openlayers加载Geoserver发布的TileWMS
场景 Openlayers下载与加载geoserver的wms服务显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114 ...
Vue中使用Openlayers加载Geoserver发布的ImageWMS
场景 Openlayers下载与加载geoserver的wms服务显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114 ...
Vue中使用Openlayers加载Geoserver发布的TileWMS时单击获取shp文件的坐标信息
场景 Vue中使用Openlayers加载Geoserver发布的TileWMS: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/ ...
Vue中使用Openlayers加载OSM(Open Street Map)显示街道地图
场景 Openlayers下载与加载geoserver的wms服务显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114 ...
android 实现异步加载图片,Android中ImageView异步加载图片类
本源码是从网络找到经修改以方便直接调用感觉用着还可以首先在项目中添加一个专门加载图片的类AsyncImageLoaderpackage com.demo.core; import java.io.I ...
C#中PictureBox异步加载图片
C#中PictureBox异步加载图片 ??yy 2017-11-05 23:30:00 443 收藏版权 void Button1Click(object sender, EventArgs ...
微信小程序中使用wxss加载图片并实现动画
微信小程序中使用wxss加载图片并实现动画记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果. 代码 .weui-loading { margin: 0 5px; wi ...
vue项目- v-lazy懒加载图片没有出来之前 loding的图标占位
v-lazy 表示在图片没有出来之前,会有loding的图标去占位步骤1.安装插件 npm i vue-lazyload -S 步骤2.全局配置在main.js中设置 // 懒加载,在图片数据还没 ...

vue中通过js加载图片显现

vue中通过js加载图片显现相关推荐

最新文章

热门文章