您好,欢迎来到二三娱乐。
搜索
您的当前位置:首页Vue中img的src属性动态绑定

Vue中img的src属性动态绑定

来源:二三娱乐

最近在使用Vue模仿网易云音乐的App。

遇到了一个关于img的src属性动态绑定,图片不显示的问题。

我会在这里结合具体实例跟大家说一下原因和解决方法。

首先我们需要做的效果是点击播放按钮,切换成暂停按钮,再次点击,又切换成播放按钮。

我们可以发现在控制台报出了图片找不到的错误。

为什么为出现这个问题呢,我们发现在Vue项目运行的时候只有static文件夹,所以我们放在assets中的图片是加载不出来的。所以为了使图片显示出来,在动态绑定图片的时候我们需要把图片放在static文件夹

这样我们在运行代码的时候就可以发现图片已经加载出来了

Copyright © 2019- yule263.com 版权所有 湘ICP备2023023988号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务