个人笔记内容

嘿！早安

已于 2022-04-18 16:26:32 修改

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：技术文章标签： vue.js

于 2022-04-18 13:36:50 首次发布

本文链接：https://blog.csdn.net/All_ison/article/details/124247591

技术专栏收录该内容

3 篇文章

订阅专栏

本文主要介绍了JavaScript中TypeError:saleAttrList.filter不是一个函数的解决方法，需确保对象为数组类型以支持filter操作。同时，详细解析了Element照片墙组件的使用，包括on-preview用于预览图片，on-remove用于处理图片删除，on-success用于收集上传成功的图片数据。此外，还展示了如何通过模板字符串获取并处理下拉框的id和name。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1关于fliter过滤

"TypeError: this.saleAttrList.filter is not a function"

found in

解决办法

将xxx改为数组类型，filter只支持数组过滤
List: []

2关于Element照片墙

file-list	
上传的文件列表, 例如: [{name: 'food.jpg', url: 'https://xxx.cdn.com/xxx.jpg'}]

3照片墙上传（element）

 :on-preview="handlePictureCardPreview"
 :on-remove="handleRemove"
 :on-success="handleAvatarSuccess"

 handlePictureCardPreview(file) {
        this.dialogImageUrl = file.url;
        //file.url图片地址
        this.dialogVisible = true;
        //对话框显示隐藏
      }
  handleRemove(file, fileList) {
        console.log(file, fileList);
        //file  删除那个图片
        //fileList 删除后一个图片的剩下数据
        //收集数据
        //照片墙需要name和url   带给服务需要处理
      },
        handleAvatarSuccess(res, file) {
        this.imageUrl = file
        //带给服务器url和name不需要带给服务器
      },

:on-preview 不需要收集数据
:on-remove 照片删除某个图片时候触发
：on-success 照片上传成功，收集数据

4通过模板字符串把下拉框的id和name 带过去

//按加号分割的 + 或者：切记

const [baseSaleAttrId, saleAttrName] = this.attrIdAndAttrName.split('+')

this.$set(row,'inputVisible',true)
//收集响应式数据


> this.$set