因為 element ui中上傳的樣式不符合需求，自己寫了一個列表，但是怎么把自己寫的列表里面的數(shù)據(jù)和組件連接到一起呢？

element 中

需求

因為 element ui中上傳的樣式不符合需求，于是自己寫了一個列表，但是現(xiàn)在不知道怎么把兩個數(shù)據(jù)關(guān)聯(lián)到一起，element ui 上傳的刪除什么都沒有寫就直接刪除了

我是在選擇文件的時候把文件的名字push到一個新的數(shù)組里面

    <el-upload
                      class="upload-demo"
                      ref="upload" 
                      drag
                     :on-success="handleAvatarSuccess"
                     :auto-upload="false"
                     :on-change="handleChange"
                     :before-remove="beforeRemove"
                       :on-remove="handleRemove"
                      action="/api/dailyInfo/createDailyInfo"
                      multiple
                      >
                  <i class="el-icon-upload"></i>
                  <div class="el-upload__text">將文件拖到此處，或<em>點擊上傳</em></div>
                </el-upload>
                
         handleChange(res, file){ //未上傳，但是選擇了文件觸發(fā)
                  let status=null;
                 status=this.wenjian(res.name);
                this.FileList.push({
                    name:res.name.substring(0, res.name.lastIndexOf(".")),
                    status:status,
                })
                     console.log(this.FileList);
          },
                

選擇了文件把文件名字和狀態(tài)push到了FileList這個新數(shù)組里面

        <nav> 
            <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>
            </ul>
        </nav>

我怎么把這兩個刪除關(guān)聯(lián)到一起呢？
因為用戶看到的是

但是點擊上傳的時候，給后臺傳遞的是

所以這兩個的刪除需要關(guān)聯(lián)在一起，用戶看到的刪除了，那下面的也要刪除了