vue获取img下的内容_vue.js - vue中怎么读取json数据中的图片地址，

问 题

export default {

name: 'app',

data:function(){

return{

response:[

{name:'张三',src:'./assets/logo.png'},

{name:'李四',src:'./assets/logo.png'},

{name:'王五',src:'./assets/logo.png'},

]

}

}

}

app {

font-family: 'Avenir', Helvetica, Arial, sans-serif;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

text-align: center;

color: #2c3e50;

margin-top: 60px;

}

其中所有的图片都放在了src里面的assets目录下面

解决方案

放在模版里是会被 webpack 打包出来，在 js 里写图片路径 webpack 不会处理

你可以把图片放在最外层的 static 文件夹，或者使用 import require 引入：

import logo from './assets/logo.png'

扫一扫关注IT屋

微信公众号搜索 “ IT屋 ” ，选择关注与百万开发者在一起