- 问题,若依框架封装好的上传图片组件在回显文件名称中含有逗号的文件名时会以两张图片显示(下图)而两张图片不能回显,
- 在一番搜索下终于定位问题,
-
watch: { value: { handler(val) { if (val) { // 首先将值转为数组 const list = Array.isArray(val) ? val : this.value.split(' '); // 然后将数组转为对象数组 this.fileList = list.map(item => { if (typeof item === "string") { if (item.indexOf(this.baseUrl) === -1) { item = { name: this.baseUrl + item, url: this.baseUrl + item }; } else { item = { name: item, url: item }; } } return item; }); } else { this.fileList = []; return []; } }, deep: true, immediate: true } },
以上代码watch监视,value被监视对象,(此处时引用组件传入的回显图片),
const list = Array.isArray(val) ? val : this.value.split(','); 这句三元的否返回值修改成下句代码
const list = Array.isArray(val) ? val : this.value.split(' '); 这里讲截取的“,”分割改成了空
如有其他类性也可将this.value.split(' ')进行优化拓展
若依框架 上传组件回显文件名称“,”问题
最新推荐文章于 2024-05-09 09:48:24 发布