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

来源:https://www.cnblogs.com/ttjm/archive/2019/09/17/11536788.html
-Advertisement-
Play Games

在使用element的上傳組件時在一下幾個鉤子中傳遞其他參數 圖中是文件上傳時的幾個鉤子,參數為文件或文件列表或者其他參數,但是現在我想在原有參數上傳遞其他參數。比如我想在on-success的鉤子中傳遞一個自定義參數i,原本是這樣寫的: 但是發現這樣寫取不到自身原來的參數,後來在網上找到了一個比較 ...


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

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

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

 

但是發現這樣寫取不到自身原來的參數,後來在網上找到了一個比較好的方法,如下:

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

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

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

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 之前做在本地測試總是先去現在下一份資料庫的sql,然後再在本地建一個相同的,導入sql。然後覺得有點麻煩,現在發現了一個直接遠程直接複製一份到本地的方法 工具:Navicat Premium 1、先連上本地、遠程的資料庫 2、在本地建一個和你要複製的遠程資料庫的名稱一樣的資料庫 3、數據轉移工具 註 ...
  • 執行如下SQL創建表: 執行如下SQL創建表: CREATE TABLE aa ( a INT, b TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, c TIMESTAMP DEFAULT CURRENT_TIMESTAMP ) 報錯如圖所示: 報錯如圖所示: 兩個新增 ...
  • 1、UnknownTopicOrPartitionException 報錯內容:分區數據不在 原因分析:producer向不存在的topic發送消息,用戶可以檢查topic是否存在 或者設置auto.create.topics.enable參數 2、LEADER_NOT_AVAILABLE 報錯內容 ...
  • 在Android開發中有非常強大的 Retrofit 請求,結合RxJava可以非常方便實現 RESTful API 網路請求。在 iOS開發中也有非常強大的網路請求庫 "Moya" ,Moya是一個基於 Alamofire 開發的,輕量級的Swift網路層。Moya的可擴展性非常強,可以方便和RX ...
  • 版權聲明:本文為xing_star原創文章,轉載請註明出處! 本文同步自http://javaexception.com/archives/214 Android微信九宮格圖片展示控制項 半年前,公司產品的帖子流這塊進行大改版,像素級的複製微信朋友圈的效果,發現微信的圖片展示9宮格有些不好處理,經過幾 ...
  • 解決:target overrides the `GCC_PREPROCESSOR_DEFINITIONS` ...
  • 距離上一次寫 基礎篇有了4個月,終於我寫了一個 功能完善的即時通訊app,作為高級篇的擔當出現。廢話不多說,上圖 app預覽 ​​​​ ​​​​ ​​ 實現功能 1.用戶的登錄註冊 2.單聊,能清空聊天記錄,且對於單人可以進行.語音通話,(這個部分我做的比官方demo要好得多,可以全局監聽,但是沒做 ...
  • 1.在ps中打開,依次打開圖像》圖像大小,記錄此時精靈圖大小; 將這個精靈背景圖等比例縮放到原來寬高的一半,記錄此時縮放後的精靈圖大小。 2.此時頁面應顯示的是縮放後的圖片,打開f8找到它的坐標,將縮放後的xy坐標作為背景定位坐標 3.bg-size的寬度是縮放後的寬度。 這樣,就完成了精靈二倍縮放 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...