欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2019年09月18日 08:53:10   作者:狂奔的蝸牛0828  
這篇文章主要介紹了vue中使用element組件時(shí)事件想要傳遞其他參數(shù)的問題,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

在使用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遇到的問題及解決方案

    Element-UI表格嵌入popover遇到的問題及解決方案

    在表格中我們通常需要在每一行的一些單元格中顯示popover,這篇文章主要給大家介紹了關(guān)于Element-UI表格嵌入popover遇到的問題及解決方案,需要的朋友可以參考下
    2023-11-11
  • 在vant中如何使用dialog彈窗

    在vant中如何使用dialog彈窗

    這篇文章主要介紹了在vant中如何使用dialog彈窗,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-05-05
  • 解決vue-router中的query動態(tài)傳參問題

    解決vue-router中的query動態(tài)傳參問題

    下面小編就為大家分享一篇解決vue-router中的query動態(tài)傳參問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • Vue resource中的GET與POST請求的實(shí)例代碼

    Vue resource中的GET與POST請求的實(shí)例代碼

    本篇文章主要介紹了Vue resource中的GET與POST請求的實(shí)例代碼,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2017-07-07
  • vue組件間傳值的方法你知道幾種

    vue組件間傳值的方法你知道幾種

    這篇文章主要為大家詳細(xì)介紹了vue組件間傳值的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-02-02
  • vue3中使用props和emits并指定其類型與默認(rèn)值

    vue3中使用props和emits并指定其類型與默認(rèn)值

    props是Vue3中的一個重要概念,它允許我們將數(shù)據(jù)從父組件傳遞到子組件,下面這篇文章主要給大家介紹了關(guān)于vue3中使用props和emits并指定其類型與默認(rèn)值的相關(guān)資料,需要的朋友可以參考下
    2023-04-04
  • SpringBoot+Vue3實(shí)現(xiàn)上傳文件功能

    SpringBoot+Vue3實(shí)現(xiàn)上傳文件功能

    這篇文章主要介紹了SpringBoot+Vue3實(shí)現(xiàn)上傳文件功能,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-01-01
  • 一文帶你了解Vue中單文件組件的使用

    一文帶你了解Vue中單文件組件的使用

    在web開發(fā)中,組件化開發(fā)已成為一種趨勢,Vue提供了一種高效的方式來創(chuàng)建和管理這些組件—單文件組件,下面我們就來看看它的具體應(yīng)用吧
    2024-03-03
  • vue組件傳值的11種方式總結(jié)

    vue組件傳值的11種方式總結(jié)

    這篇文章主要介紹了vue組件傳值的11種方式總結(jié),具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-01-01
  • vue實(shí)現(xiàn)吸壁懸浮球

    vue實(shí)現(xiàn)吸壁懸浮球

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)吸壁懸浮球,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-04-04

最新評論