溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

vue中如何解決使用element組件時(shí)事件想要傳遞其他參數(shù)的問題

發(fā)布時(shí)間:2021-07-21 10:43:16 來源:億速云 閱讀:339 作者:小新 欄目:web開發(fā)

小編給大家分享一下vue中如何解決使用element組件時(shí)事件想要傳遞其他參數(shù)的問題,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

在使用element的上傳組件時(shí)在一下幾個(gè)鉤子中傳遞其他參數(shù)

vue中如何解決使用element組件時(shí)事件想要傳遞其他參數(shù)的問題

圖中是文件上傳時(shí)的幾個(gè)鉤子,參數(shù)為文件或文件列表或者其他參數(shù),但是現(xiàn)在我想在原有參數(shù)上傳遞其他參數(shù)。比如我想在on-success的鉤子中傳遞一個(gè)自定義參數(shù)i,原本是這樣寫的:

:on-success=”handleSuccess(i)” //handleSuccess是一個(gè)方法

但是發(fā)現(xiàn)這樣寫取不到自身原來的參數(shù),后來在網(wǎng)上找到了一個(gè)比較好的方法,如下:

:on-success=”(value)=> handleSuccess(i, value)”

這樣就既可以獲取到原有的參數(shù)又可以獲取自定義傳遞的參數(shù),下面是自己的使用方法:

<el-upload
class="upload-demo"
:action="GLOBAL.upFileUrl"
:data="uploadData"
:before-upload="fileSizeFiltering"
:on-success="(response, file, fileList)=>handleUpSuccess(response, file, fileList,i)"
:on-remove="(file, fileList)=>handleRemoveFile(file, fileList,i)"
:file-list="item.uploadFileList"
v-model="item.pushUpFileId"
:limit="5"
>
<div class="addFile"></div>
</el-upload>

 同理默認(rèn)參數(shù)是event的事件要傳遞其他事件也是這樣

<ul>
  <li v-for="item in list" @contextmenu="(e)=>showMenu(e,item.cd)" >
   {{item.na}}
  </li>
  </ul>

以上是“vue中如何解決使用element組件時(shí)事件想要傳遞其他參數(shù)的問題”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI