So erhalten Sie einen Index, wenn elementui und el-upload in v-for verwendet werden

Dieser Artikel stellt hauptsächlich vor, wie man den Index erhält, wenn elementui und el-upload in v-for verwendet werden. Er hat einen gewissen Referenzwert. Jetzt kann ich ihn mit allen teilen, die ihn benötigen.

<div v-for = &#39;item in list&#39;>
　　<div @click="getImageTypeIndex(index)">
                      <el-upload
                        class="upload-demo"
                        drag
                        :action="uploadUrl"
                        :headers = "{token : userToken}" //带用户token
                        :on-success="getImageSuccess"  //上传成功
                        :before-upload="beforeAvatarUpload"
                        :show-file-list = "false"
                        :on-error = "getImageError"
                      >　　　　　　　　　　　　　　　//若上传失败，可继续拖拽
                        <div v-show="!item.imageUrl">
                          <i class="el-icon-upload"></i>
                          <p class="c8492A6 f14 upload-p">点击或拖拽 上传<span class="cFF8400">图片</span></p>
                          <p class="c8492A6 f12 upload-p">只能上传 jpg/png 文件，且不超过500kb</p>
                        </div>　　　　　　　　　　　　　　　//若上传成功，展示图片
                        <img v-show="item.imageUrl" :src="imgUrl + &#39;?fileId=&#39; + item.imageUrl + &#39;&token=&#39; + userToken" alt="" height="180">
                      </el-upload>
                    </div>
</div>

rrree >Bemerkungen: Die getImageSuccess-Methode von el-upload unterstützt derzeit keine anderen Parameter. Um den Index der Liste zu erhalten, können Sie daher die obige Methode verwenden, um den Index zu erhalten, indem Sie ein p in der äußeren Ebene von el-upload platzieren , und verwenden Sie dann die Methode getImageSuccess, um die Daten entsprechend der Indexoperation zu vergleichen.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Sphere Flat Throwing und dynamische Farbtransformationseffekte implementiert durch jQuery und Canvas

Basierend auf dem JSON-Format Daten Einführung in das einfache jQuery-Diashow-Plug-in (jquery-slider)

Das obige ist der detaillierte Inhalt vonSo erhalten Sie einen Index, wenn elementui und el-upload in v-for verwendet werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!