因?yàn)閑lement ui 組件的樣式不符合我們的需求 我自己寫(xiě)了一個(gè)上傳的列表

自己寫(xiě)的列表

我自己寫(xiě)的列表數(shù)據(jù)是 每當(dāng)用戶跟換
`

    <el-upload
                  class="upload-demo"
                  ref="upload" 
                  drag
                 :on-success="handleAvatarSuccess"
                 :auto-upload="false"
                 :before-remove="beforeRemove"
                  :show-file-list="false"
                 :on-change="handleChange"
                   :on-remove="handleRemove"
                  action="/api/dailyInfo/createDailyInfo"
                  multiple
                  >
              <i class="el-icon-upload"></i>
              <div class="el-upload__text">將文件拖到此處，或<em>點(diǎn)擊上傳</em></div>
            </el-upload>

          handleChange(res, file){ //未上傳，但是選擇了文件觸發(fā)
              let status=null;
             this.TitleNameDisplay=true;
             this.TitleName=res.name;
             this.Arraya=file;
             status=this.wenjian(res.name);
            this.FileList.push({
                name:res.name.substring(0, res.name.lastIndexOf(".")),
                status:status,
            })
      },

`
FileList 就是我自己的列表

<ul class="ul_two">
                <li v-for="(item,key) in FileList">
                    <img :src="Image(item)" alt="" />
                    <span>{{item.name}}</span>
                    <i class="el-icon-circle-close-outline" @click="del(item,key)"></i>
                </li>

我現(xiàn)在的問(wèn)題就是 當(dāng)點(diǎn)擊上傳的時(shí)候成功之后自己多出來(lái)了一個(gè) 這是為什么啊 怎么解呢？