data里的对象写图片路径解析不了

来源:6-3 首页 - 信息列表 - 最新消息

qq_小馋猫_1

2017-07-07

为什么在data里直接写图片路径显示不了啊?

写回答

1回答

fishenal

2017-07-07

vue-cli这套框架把每张图都当做一个webpack资源去处理,js里变量的图才会被解析,直接字符串写的图片路径分辨不出来是图还是字符串所以没处理,没处理,最终的dist目录就没有这张图,就访问不到。

解决方法就是对这个图用js require进来


<img :src="someimgpath"/>


data () {

    return {

        someimgpath: require('./img/xxx.jpg')

    }

}

0
1
qq_小馋猫_1
谢谢!
2017-07-07
共1条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0,组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程