zoukankan      html  css  js  c++  java
  • el-upload上传列表中出现重复数据的问题

    问题描述

    el-upload上传文件删除再次上传,上传列表中会出现重复数据。只有新增上传时才会出现这样的问题,修改时因为有了一条数据所以不会出现问题。

    // 问题代码
    <file-upload
      multiple
      :file-list="param.fileList || []"
    ></file-upload>
    
    param.fileList: ""
    

    问题解决

    注意,当param.fileList为一个空字符时,默认绑定的就是一个空数组而不是param.fileList,所以新增上传时候绑定的数据错了导致上传出错了,param.fileList一旦初始化成一个数组,上传功能就正常了。

    // 修改后的代码
    <file-upload
      multiple
      :file-list="param.fileList"
    ></file-upload>
    
    
    param.fileList: []
    

    备注

    严格遵守开发规范,赋值规范以及绑定数据规范,才能有效避免这种神奇的bug!!!

  • 相关阅读:
    JVM——类加载
    Java IO输入输出
    核心标签库和el
    request对象
    安装tomcat
    安装mongodb
    MySQL在简单命令行操作
    安装MySQL
    Java几种常见的异常类型
    Java简单正则表达式写爬虫
  • 原文地址:https://www.cnblogs.com/codebook/p/15300281.html
Copyright © 2011-2022 走看看