Fe-interview: [vue] 怎么解决vue动态设置img的src不生效的问题？

[haizhilin2013]

[vue] 怎么解决vue动态设置img的src不生效的问题？

[chenqim]

<img :src="require('../../../assets/images/xxx.png')" />

[llccing]

这里还可以产生一个问题，为什么Vue中给img标签设置src属性会不生效

[Wu-wb]

因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require。

[Miboweixin]

<img :src="require('../../../assets/images/xxx.png')" />

不是应该 require('@/assets/images/xxx.png') 这样吗？？你这样多浪费资源啊 @chenqim

[iugu516]

require('@/assets/images/xxx.png')

[chenqim]

<img :src="require('../../../assets/images/xxx.png')" />

不是应该 require('@/assets/images/xxx.png') 这样吗？？你这样多浪费资源啊 @chenqim

学到了

[Linkontoask]

这个 issues 不明确，这个应该属于打包工具范畴，和 Vue 没多大关系。可以用一个很简单的例子证明，直接用 script 的形式引入vue，然后更改src的值看能不能访问，麻烦你们弄清楚其中的原理再来解决问题

[wush12]

这个应该和vue没关系把,图片，需要改变的时候，就切换src啊

[mingyec]

@chenqim 实际中并不需要这样，直接在src里面写@/assets/xxx.png即可（前提是你的项目通过vue-cli生成或配置了file-loader）

[FL-Yf]

用require()引入

[aatoe]

这个 issues 不明确，这个应该属于打包工具范畴，和 Vue 没多大关系。可以用一个很简单的例子证明，直接用 script 的形式引入vue，然后更改src的值看能不能访问，麻烦你们弄清楚其中的原理再来解决问题

为什么不把自己的思路说出来呢？不应该是提出问题，解决问题吗？