vue中使用element組件時(shí)事件想要傳遞其他參數(shù)的問題
在使用element的上傳組件時(shí)在一下幾個鉤子中傳遞其他參數(shù)
圖中是文件上傳時(shí)的幾個鉤子,參數(shù)為文件或文件列表或者其他參數(shù),但是現(xiàn)在我想在原有參數(shù)上傳遞其他參數(shù)。比如我想在on-success的鉤子中傳遞一個自定義參數(shù)i,原本是這樣寫的:
:on-success=”handleSuccess(i)” //handleSuccess是一個方法
但是發(fā)現(xiàn)這樣寫取不到自身原來的參數(shù),后來在網(wǎng)上找到了一個比較好的方法,如下:
: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" style="display: inline-block;"> <div class="addFile"></div> </el-upload>
同理默認(rèn)參數(shù)是event的事件要傳遞其他事件也是這樣
<ul> <li v-for="item in list" @contextmenu="(e)=>showMenu(e,item.cd)" style="height:100px;"> {{item.na}} </li> </ul>
總結(jié)
以上所述是小編給大家介紹的vue中使用element組件時(shí)事件想要傳遞其他參數(shù)的問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
相關(guān)文章
Element-UI表格嵌入popover遇到的問題及解決方案
在表格中我們通常需要在每一行的一些單元格中顯示popover,這篇文章主要給大家介紹了關(guān)于Element-UI表格嵌入popover遇到的問題及解決方案,需要的朋友可以參考下2023-11-11解決vue-router中的query動態(tài)傳參問題
下面小編就為大家分享一篇解決vue-router中的query動態(tài)傳參問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03Vue resource中的GET與POST請求的實(shí)例代碼
本篇文章主要介紹了Vue resource中的GET與POST請求的實(shí)例代碼,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-07-07vue3中使用props和emits并指定其類型與默認(rèn)值
props是Vue3中的一個重要概念,它允許我們將數(shù)據(jù)從父組件傳遞到子組件,下面這篇文章主要給大家介紹了關(guān)于vue3中使用props和emits并指定其類型與默認(rèn)值的相關(guān)資料,需要的朋友可以參考下2023-04-04SpringBoot+Vue3實(shí)現(xiàn)上傳文件功能
這篇文章主要介紹了SpringBoot+Vue3實(shí)現(xiàn)上傳文件功能,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-01-01