图片放在assets文件夹下面,在html模块或者css中引入图片的时候用相对路径
<img src="../../assets/img/policeImg/tt.png">
background:url("../images/login.png")
图片放在assets文件夹下面,路径绑定在data中
<div>
<img :src="img">
</div>
<script>
export default {
data () {
return {
img: '../../assets/img/policeImg/tt.png' //这样图片会显示不出来
img: require('../../assets/img/policeImg/tt.png') //正确写法
imgsrc1: 'http://www.baidu/banner1.jpg' //如果图片不是本地静态资源,就不用require
}
}
}
</script>
或者
<div>
<img :src="img">
</div>
<script>
import img from '../../assets/img/policeImg/tt.png'
export default {
data () {
return {
img: img
}
}
}
</script>
图片放在static文件夹下面,在html、css、js中直接引入,我们会发现图片都可以正常展示
网友评论