2022-06-06 10:44:27 来源 : 软件开发网
vue动态给img赋值
1.如果直接给img的src绑定一个字符串
2.解决办法
vue动态赋值img的src,用require()
用require()就可以了
vue动态给img赋值1.如果直接给img的src绑定一个字符串![]()
data () { return { nowIcon: "" } }, this.nowIcon = "../assets/64/" + 图片名 + ".png"vue会将这个路径当成字符串，不会给这个图片路径编译，图片显示不出来
此时的路径是未经过编译的，代码为：
this.nowIcon = "../assets/64/" + 图片名 + ".png"改为
this.nowIcon = require("../assets/64/" + 图片名 + ".png")此时的代码是正常编译后的路径，图片正常显示
首先，单独一个src是可以的
数组是这样的
想改为动态赋值的形式就实现不了
![图片]()
所以改为如下：
在webpack中会将图片图片来当做模块来用，因为是动态加载的，所以url-loader将无法解析图片地址，将图片作为模块加载进去
用require()就可以了以上为个人经验，希望能给大家一个参考，也希望大家多多支持软件开发网。
关于我们 加入我们 广告服务 网站地图
All Rights Reserved, Copyright 2004-2020 www.830036.com
如有意见请与我们联系 邮箱：435 227 67@qq.com
营业执照公示信息