图片动态绑定问题
- 如果图片放在public 下(静态资源中),不会被webpack打包,动态绑定的路径是死的,webpack直接按照这个路径去找就能找到
- 但是如果是放在src下的,webpack会把图片当做一个模块引用,然后打包等等,路径就不对了,这个时候就要把图片当作一个模块来引入进来或者请求过来
-
可以
import img1 from '../assets/images/t1.png'
,然后在data中定义url:img1
,最后动态绑定url即可:src='url'
-
使用require:
<img :src='imgUrl' alt=''> data(){ imgUrl: require('../assets/images/t1.png') }
-