vue $emit子元件傳出多個引數,如何在父元件中在接收所有引數的同時新增自定義引數
前言
很多時候用$emit
攜帶引數傳出事件,並且又需要在父元件中使用自定義引數時,這時我們就無法接受到子元件傳出的引數了。
找到了兩種方法可以同時新增自定義引數的方法。
方法一
子元件傳出單個引數時:
// 子元件
this.$emit('test',this.param)
// 父元件
@test='test($event,userDefined)'
方法二
子元件傳出多個引數時:
// 子元件 this.$emit('test',this.param1,this.param2, this.param3) // 父元件 arguments 是以陣列的形式傳入 @test='test(arguments,userDefined)'
參考文獻
https://github.com/vuejs/vue/...
原文地址:https://segmentfault.com/a/1190000016726750
相關推薦
vue $emit子元件傳出多個引數,如何在父元件中在接收所有引數的同時新增自定義引數
前言 很多時候用$emit攜帶引數傳出事件,並且又需要在父元件中使用自定義引數時,這時我們就無法接受到子元件傳出的引數了。找到了兩種方法可以同時新增自定義引數的方法。 方法一 子元件傳出單個引數時: // 子元件 this.$emit('test',this.param) // 父元件 @test=
TERSUS畫畫一樣開發軟件 集合類元件介紹-多個對象處理元件1
軟件開發;管理軟件;無代碼軟件TERSUS無代碼手機電腦管理類軟件開發,其中多個對象處理元件包括:是否存在於一組對象中(Appears)元件、從一組對象中去除(Exclude From List)元件、一組對象的總數計算(Count)元件 是否存在於一組對象中(Appears)元件:是檢查一組對象中,是否有某
TERSUS畫畫一樣開發軟件 集合類元件介紹-多個對象處理元件2
軟件開發;管理軟件;無代碼軟件TERSUS無代碼手機電腦管理類軟件開發,其中多個對象處理元件還包括:合並兩組對象(Merge)元件、對象分組(Group Items)元件、數字篩選(Filter Numbers)元件 合並兩組對象(Merge)元件:是將兩組對象合為一組對象,比如兩個表格中每行數據結構相同,則
oracle ora-01427 單行子查詢返回多個行,在多個數據表關聯時候出現的問題
出現這個報錯,基本上都是因為某一個表的唯一欄位記錄多了,可以對這表的這個欄位進行查重。 一開始想法是在excel裡面用篩選進行查重 但是excel返回的結果的是把重複的那行隱藏了,但是總的行數還是不變。導致我以為沒有重複記錄。 正確的應該要在資料庫裡面進行
【android-Webview】設定多個cookie,實現webview中儲存登入資訊
方法:通過重複呼叫 cookieManager.setCookie(url,cookie1); 來儲存多個cookie。 程式碼: /** * Sync Cookie */ private void syncCookie(Context
spring cloud整合zipkin新增自定義引數
需要在客戶端新增5個類 1.ResponseWrapper.java import java.io.ByteArrayOutputStream; import java.io.IOException; import javax.servlet.Servlet
13)SpringBoot 請求方式、引數獲取註解、引數驗證、前後臺屬性名不一致問題、自定義引數驗證註解、BeanUtils的使用
1 請求方式 在定義一個Rest介面時通常會利用GET、POST、PUT、DELETE來實現資料的增刪改查;這幾種方式有的需要傳遞引數,後臺開發人員必須對接收到的引數進行引數驗證來確保程式的健壯性 1.1 GET 一般用於查詢資料,採用明文進行傳
iview Select元件傳多個引數
問題描述:on-change 事件預設返回的是value值,想要多傳一個引數 解決辦法: <Select v-model="model1" @on-change="handleChange($event, 'params')"></Select
mybatis xml中實現一對多查詢時, 子查詢帶多個引數
1、mapper檔案中: List<Object> getXXXXX(@Param("taskId")String taskId,@Param("taskType")String taskType); 2、xml檔案中 <select id="" resultMap
函式返回多個值,傳入引數和傳出引數
函式包括了除函式名以外還有返回值和形參。 這個形參包括了傳入引數和傳出引數; 傳入引數:就是數值的傳遞。在函式中不會修改這個引數,不會修改呼叫這個函式的函式的值。 例如 void e
ORA-01427: 單行子查詢返回多個行
group by and ont sel where條件 color 解決 subquery sta 有人問題我一個問題,情況如下:他要用根據divide_act_channel_day的new_amount字段去更新divide_stat的new_amount字段。兩張表
Java POI元件實現多個Excel檔案整合成一個多Sheet的Excel檔案
程式碼: package com.weichai; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.InputStre
父元件傳給元件(多個父元件傳給一個子元件)props——元件通訊
註冊介面:手機、個人詳情、密碼共用一個介面的頂部時:子元件應該是重複最多的介面。 子元件(register_title):在script中,加上 props: ['step'],{{step}}(可選是否顯示) 父元件1: 1、匯入子元件: import RegisterTitl
如何在同一元件執行多個事件 « 關於網路那些事...
在設計表單時,針對單一元件執行單一事件,可以直接在事件下拉選單直接選取 如果要在同一元件(textbox, combobox, numericupdown...)執
使用OpenFileDialog元件開啟多個文
實現效果: 知識運用: OpenFileDialog元件的Multiselect屬性 //是否允許多選 public bool Multiselect {get;ser;} FileNames屬性 //獲取所有選定的檔案的檔名 public string[
wpf怎麼繫結多個值,多個控制元件
最近有不少wpf新手問wpf的命令怎麼繫結多個控制元件,很多人為此絞盡腦汁,網上的答案找了也沒找到靠譜的,其實用MultiBinding就可以了。從.net 3.0版本開始,就支援MultiBinding 關於MultiBinding的說明: https://docs.microsoft.com/zh-c
Django - ContentType 元件 - 與多個表進行快捷的關聯
目錄 一、表關係結構 二、models建立表結構 三、檢視函式的資料操作 3-1 資料的插入操作 3-1-1 方式一:獲取表C內 課程欄位和表字段值,進行插入 3-1-2 方式二:獲取表C內 content_obj欄位物件,進行插入 3-2 資料的查詢 - Ge
vue一個元件引入多個swiper輪播可能引發的分頁器數量異常問題
index.vue 引用slider.vue(初始化swiper例項的元件)兩次的時候: 1. swiper版本 "swiper": "^3.4.2", 2. 在一個頁面中使用兩個swiper例項時,一個輪播,一個區域性滾動,有時會出現輪播圖分頁器數量異
Vue 元件複用多次自定義引數
場景: 當專案中多處出現相同的模組時,此時的正常考慮是將其做成公共組建,通過傳參不同,實現多處複用 具體: 背景:專案使用的技術是VUE+ElementUI 此處,多處出現的模組是select選擇框,封裝成元件後,傳給它option的值,程式碼如下: <!
C#中主窗體Panel中載入其他多個窗體Panel控制元件
今天在技術群裡,筆者遇到一個這樣的問題,“有客戶想讓兩個Form窗體的內容放到一個Form窗體中,但是兩個窗體的內容超出主窗體的大小”,為了解決這個問題,筆者的想法是“採用panel+滑動條方式解決以上問題”,下面就跟筆者一起來看看。 首先,筆者寫了四個For