Vue动态加载图片图片不显示

简介: Vue动态加载图片图片不显示

图片是放在assets文件夹下的


使用require进行解决


图片不显示的原因


在webpack,将图片放在assets中,会将图片图片来当做模块来用,因为是动态加载的,所以url-loader将无法解析图片地址,


<el-table-column label="照片">
        <template slot-scope="scope">
          <i class="el-icon-picture-outline" @click="showPhoto(scope.row)"></i>
          <img id="aa" :src="scope.row.img" />
        </template>
</el-table-column>
 date: "2016-05-02",
          studentId: "201319981010",
          name: "王2虎",
          className: "高2018级2班",
          img: require("../../../assets/image/wearther.png"), //引号中括号里面哦
          address: "区金沙江路 1518 弄"
        },
相关文章
|
1天前
|
存储 JavaScript 前端开发
搞懂Vue一篇文章就够了
搞懂Vue一篇文章就够了
9 0
|
1天前
|
JavaScript 前端开发 UED
Vue 异步组件
Vue 异步组件
8 0
|
1天前
|
JavaScript
Vue自定义指令的三个方法
Vue自定义指令的三个方法
7 0
|
1天前
|
存储 资源调度 JavaScript
vue引入vuex
vue引入vuex
25 7
|
1天前
|
JavaScript 前端开发
vue怎么自定义底部导航
vue怎么自定义底部导航
20 10
|
1天前
|
JavaScript
vue知识点
vue知识点
9 3
|
2天前
|
JavaScript 索引
vue 在什么情况下在数据发生改变的时候不会触发视图更新
vue 在什么情况下在数据发生改变的时候不会触发视图更新
13 2
|
2天前
|
存储 缓存 JavaScript
vue中性能优化
vue中性能优化
12 1
|
2天前
|
JavaScript
vue常用指令
vue常用指令
12 1
|
2天前
|
JavaScript
vue自定义指令
vue自定义指令