vue中使用element組件時事件想要傳遞其他參數的問題

更新時間：2019年09月18日 08:53:10 作者：狂奔的蝸牛0828

這篇文章主要介紹了vue中使用element組件時事件想要傳遞其他參數的問題,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下

在使用element的上傳組件時在一下幾個鉤子中傳遞其他參數

圖中是文件上傳時的幾個鉤子，參數為文件或文件列表或者其他參數，但是現在我想在原有參數上傳遞其他參數。比如我想在on-success的鉤子中傳遞一個自定義參數i，原本是這樣寫的：

:on-success=”handleSuccess（i）” //handleSuccess是一個方法

但是發(fā)現這樣寫取不到自身原來的參數，后來在網上找到了一個比較好的方法，如下：

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

這樣就既可以獲取到原有的參數又可以獲取自定義傳遞的參數，下面是自己的使用方法：

<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>

同理默認參數是event的事件要傳遞其他事件也是這樣

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

總結

以上所述是小編給大家介紹的vue中使用element組件時事件想要傳遞其他參數的問題,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！

您可能感興趣的文章:

vue子組件設計provide和inject理解使用
這篇文章主要為大家介紹了vue子組件設計provide和inject理解及使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-08-08
vue+element+electron仿微信實現代碼
這篇文章主要介紹了vue+element+electron仿微信實現,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-12-12
vue導出excel表格的新手詳細教程
相信大家做項目的時候,功能中都有導出模塊,下面這篇文章主要給大家介紹了關于vue導出excel表格的詳細教程,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-05-05
Vue3將虛擬節(jié)點渲染到網頁初次渲染詳解
這篇文章主要為大家介紹了Vue3將虛擬節(jié)點渲染到網頁初次渲染詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03
vue非父子組件通信問題及解決方法
這篇文章主要介紹了vue非父子組件通信問題及解決方法,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-06-06
vue 中url 鏈接左邊的小圖標更改問題
這篇文章主要介紹了vue 中url 鏈接左邊的小圖標更改問題，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-12-12
vue開發(fā)設計分支切換與cleanup實例詳解
這篇文章主要為大家介紹了vue開發(fā)設計分支切換與cleanup實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-11-11
Vue和SpringBoot之間傳遞時間的方法實現
本文主要介紹了Vue和SpringBoot之間傳遞時間的方法實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-07-07
Vue 2源碼解析HTMLParserOptions.start函數方法
這篇文章主要為大家介紹了Vue 2源碼解析HTMLParserOptions.start函數方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08
vue使用elementUI組件實現分頁效果
分頁在展示數據列表的場景肯定是非常多的,一般的項目開發(fā)中,數據量特別大,一般都是后端接口直接處理分頁返回,前端直接調用即可,本文給大家介紹了vue使用elementUI組件實現分頁效果,需要的朋友可以參考下
2023-12-12