[vue] 怎么解决vue动态设置img的src不生效的问题?
Activity
chenqim commentedon Jul 3, 2019
<img :src="require('../../../assets/images/xxx.png')" />
llccing commentedon Jul 4, 2019
这里还可以产生一个问题,为什么Vue中给img标签设置src属性会不生效
Wu-wb commentedon Jul 12, 2019
因为动态添加src被当做静态资源处理了,没有进行编译,所以要加上require。
Miboweixin commentedon Aug 6, 2019
不是应该 require('@/assets/images/xxx.png') 这样吗??你这样多浪费资源啊 @chenqim
iugu516 commentedon Sep 3, 2019
require('@/assets/images/xxx.png')
chenqim commentedon Sep 3, 2019
学到了
Linkontoask commentedon Sep 23, 2019
这个
issues
不明确,这个应该属于打包工具范畴,和 Vue 没多大关系。可以用一个很简单的例子证明,直接用 script 的形式引入vue,然后更改src的值看能不能访问,麻烦你们弄清楚其中的原理再来解决问题wush12 commentedon Nov 5, 2019
这个应该和vue没关系把,图片,需要改变的时候,就切换src啊
mingyec commentedon Mar 28, 2020
@chenqim 实际中并不需要这样,直接在src里面写@/assets/xxx.png即可(前提是你的项目通过vue-cli生成或配置了file-loader)
FL-Yf commentedon May 27, 2020
用require()引入
aatoe commentedon Aug 18, 2020
为什么不把自己的思路说出来呢?不应该是提出问题,解决问题吗?
crush2020 commentedon Jan 28, 2021
因为动态添加src被当做静态资源处理了,没有进行编译,所以要加上require。
<img class="logo" :src="require("./../assets/images/logo.png")" alt="公司logo">
xl495 commentedon Jun 22, 2021
这个问题应该是指 vue 这种情况吧
用 this.$set