img标签动态绑定本地图片地址不生效

最新推荐文章于 2024-07-04 15:34:31 发布

Liang_Cheng_Jiu

最新推荐文章于 2024-07-04 15:34:31 发布

阅读量1.5k

点赞数

分类专栏： element vue html 文章标签： javascript css vue.js html5 es6

本文链接：https://blog.csdn.net/weixin_47988564/article/details/117250426

版权

vue 同时被 3 个专栏收录

29 篇文章 1 订阅

订阅专栏

element

19 篇文章 0 订阅

订阅专栏

html

5 篇文章 0 订阅

订阅专栏

如果一个img标签要根据图片变量来动态跟换src图片链接，如果src链接是远程的服务器图片地址都是没有问题的，但是如果是本地路径直接写，是不会生效的。
解决办法：可以通过这种办法来解决-${require('@/assets/chat/file.png')}
这里el-image标签和普通的img标签没差别什么差别。

    <el-image
              lazy
              :class="[file.resourceType === 3 ? 'fileImg' : '']"
              :src="
                file.resourceType === 1
                  ? file.response || file.resourceUrl
                  : file.resourceType === 2
                  ? getAudioImg(file)
                  : `${require('@/assets/chat/file.png')}`
              "
              alt=""
            />