[Vue2.0使用问题及其解决] 图片无法正常显示

1 问题描述

<!--直接用地址给绑定的src赋值，无法显示图片-->
<div id="image">
<img :src="src" width="1080px" height="720px">
</div>
<script>
data() {
return {
src: "@/assets/electricity.svg"
}
}
</script>

2 问题解决

<!--通过required引入图片赋给一个常量，再给src赋值，便能正常显示-->
<div id="image">
<img :src="src" width="1080px" height="720px">
</div>
<script>
const electricitySvg = required("@/assets/electricity.svg");
data() {
return {
src: electricitySvg
}
}
</script>

• 点赞
• 收藏
• 分享
• 文章举报