vue项目为例
一般情况下，在标签上正常引入一个路径是能正常显示的
<img src="@/../static/img/test.png" style="width: 20px;height: 20px;margin: 3px 8px 0 0" alt="icon图">
那换一种在写在data里面，然后标签上正常的:src绑定
咦，好像确实也是不报错，但是浏览器上图片会显示破损，这时F12看代码，可能有的是看到的是正常的路径，有的看到是base64位的路径，这两个路径其实都是正常的，显示base64的原因是你的框架在webpack.base.conf文件下配置了。
配置方式：（或者参考https://www.cnblogs.com/ye-hcj/p/7082620.html）
image.png
那好，我们看下标签动态正常加载图片，其实很简单，在上面的基础上加个require
即在data里面 imgUrl: require('@/../static/img/Icon.png')
vue项目为例一般情况下，在标签上正常引入一个路径是能正常显示的 那换一种在写在data里面，然后标签上正常的:s...
vue img元素 :src动态绑定，本地测试没有问题，但是部署后发现动态src图片无法访问。源代码： 解决方法：...
用vue动态绑定video的src，发现不会播放。问题代码： 后面改用dom操作解决问题。
最近在使用Vue模仿网易云音乐的App。 遇到了一个关于img的src属性动态绑定，图片不显示的问题。 我会在这里...
Impressions vue中的常用缩写 属性绑定:src === v-bind:src 事件绑定@click ...
// 定义视频地址变量 export default { name: 'V...
用require（）来动态绑定即可
这次先直接文字描述，后期再配代码,进一步分析 引用本地图片本地图片不能直接引用相对路径，需要用require引用图...
给video绑定个ref值 在需要动态绑定的方法里用$refs动态设置src
在Vue中开发，展示图片是经常使用到的，如果数据是从后台返回的，需要动态绑定到img的src中，在vue中直接拼接...
本文标题：vue 动态绑定src遇到的问题
本文链接：https://www.haomeiwen.com/subject/udinphtx.html
网友评论