在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ element ui 組件上傳成功之后自己多出來(lái)了一個(gè) 這是為什么呢?

element ui 組件上傳成功之后自己多出來(lái)了一個(gè) 這是為什么呢?

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

clipboard.png

自己寫(xiě)的列表

clipboard.png

我自己寫(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è) 這是為什么啊 怎么解呢?

clipboard.png

回答
編輯回答
兔寶寶

注意看文檔 on-change不止在添加文件的時(shí)候觸發(fā) 文件狀態(tài)改變時(shí)的鉤子,添加文件、上傳成功和上傳失敗時(shí)都會(huì)被調(diào)用
你寫(xiě)個(gè)判斷只在添加文件的時(shí)候push就好了

2017年6月18日 14:13