[Vue2.0利用の問題とその解決策]映像が正しく表示されません

問題の説明

<!--直接用地址给绑定的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>
公開された27元の記事 ウォンの賞賛0 ビュー397

おすすめ

転載: blog.csdn.net/young_cr7/article/details/104594609