Vue中关于img元素的src动态赋值的问题

在Vue中给img的src按照下面的方法赋值是没有被webpack编译的

 <img :src="变量"/>

于是尝试以下方法,发现也是不行的

<img :src="require(变量)"/>

最后写成这样才可以,单独加上变量是不行的,需要再拼接字符串,如下图所示

(想办法从变量中提取固定的字符串)

<img :src="require('字符串'+变量) "/>
Vue中关于img元素的src动态赋值的问题

原创文章,作者:witersen,如若转载,请注明出处:https://www.witersen.com

(7)
witersen的头像witersen
上一篇 2021年3月30日 下午6:51
下一篇 2021年4月21日 上午12:40

相关推荐

  • 从Vue赋值问题到JavaScript深拷贝

    最近做Vue的项目发现这样的现象:对象间进行赋值操作后,原对象数据会随赋值后的对象数据值的变化而变化。如图一图二所示: 上图的代码实现逻辑是,点击编辑,将A对象(表格数据)的值赋值…

    2021年1月28日
    2.0K0

发表回复

登录后才能评论