vue项目引入本地图片不显示的解决方法
vue项目引入本地图片不显示的解决方法
·
一般情况我们引入图片方式:
这样传过去的图片地址,在页面无法显示:
解决方法:使用 require
<template>
<div class="logo">
<img :src="logo" alt="logo">
</div>
</template>
<script>
export default {
name: 'login',
data(){
return{
logo:require('@/assets/common/logo1.png')
}
}
}
</script>
效果:
更多推荐
已为社区贡献2条内容
所有评论(0)