vue中使用element組件時(shí)事件想要傳遞其他參數(shù)的問(wèn)題
在使用element的上傳組件時(shí)在一下幾個(gè)鉤子中傳遞其他參數(shù)
圖中是文件上傳時(shí)的幾個(gè)鉤子，參數(shù)為文件或文件列表或者其他參數(shù)，但是現(xiàn)在我想在原有參數(shù)上傳遞其他參數(shù)。比如我想在on-success的鉤子中傳遞一個(gè)自定義參數(shù)i，原本是這樣寫(xiě)的：
:on-success=”handleSuccess（i）” //handleSuccess是一個(gè)方法
但是發(fā)現(xiàn)這樣寫(xiě)取不到自身原來(lái)的參數(shù)，后來(lái)在網(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" 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ù)的問(wèn)題,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
vue子組件設(shè)計(jì)provide和inject理解使用
這篇文章主要為大家介紹了vue子組件設(shè)計(jì)provide和inject理解及使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
vue+element+electron仿微信實(shí)現(xiàn)代碼
這篇文章主要介紹了vue+element+electron仿微信實(shí)現(xiàn),本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
相信大家做項(xiàng)目的時(shí)候,功能中都有導(dǎo)出模塊,下面這篇文章主要給大家介紹了關(guān)于vue導(dǎo)出excel表格的詳細(xì)教程,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
Vue3將虛擬節(jié)點(diǎn)渲染到網(wǎng)頁(yè)初次渲染詳解
這篇文章主要為大家介紹了Vue3將虛擬節(jié)點(diǎn)渲染到網(wǎng)頁(yè)初次渲染詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
這篇文章主要介紹了vue非父子組件通信問(wèn)題及解決方法,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-06-06
vue 中url 鏈接左邊的小圖標(biāo)更改問(wèn)題
這篇文章主要介紹了vue 中url 鏈接左邊的小圖標(biāo)更改問(wèn)題，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
vue開(kāi)發(fā)設(shè)計(jì)分支切換與cleanup實(shí)例詳解
這篇文章主要為大家介紹了vue開(kāi)發(fā)設(shè)計(jì)分支切換與cleanup實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
Vue和SpringBoot之間傳遞時(shí)間的方法實(shí)現(xiàn)
本文主要介紹了Vue和SpringBoot之間傳遞時(shí)間的方法實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
Vue 2源碼解析HTMLParserOptions.start函數(shù)方法
這篇文章主要為大家介紹了Vue 2源碼解析HTMLParserOptions.start函數(shù)方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
vue使用elementUI組件實(shí)現(xiàn)分頁(yè)效果
分頁(yè)在展示數(shù)據(jù)列表的場(chǎng)景肯定是非常多的,一般的項(xiàng)目開(kāi)發(fā)中,數(shù)據(jù)量特別大,一般都是后端接口直接處理分頁(yè)返回,前端直接調(diào)用即可,本文給大家介紹了vue使用elementUI組件實(shí)現(xiàn)分頁(yè)效果,需要的朋友可以參考下2023-12-12