關(guān)于vue中$event理解和框架中在包含默認(rèn)值外傳參的分析-創(chuàng)新互聯(lián)

這篇文章主要介紹了關(guān)于vue中$event理解和框架中在包含默認(rèn)值外傳參的分析，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

目前創(chuàng)新互聯(lián)已為1000多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、閬中網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶(hù)導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶(hù)和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

在vue中普通方法中默認(rèn)帶有event DOM事件如greet方法，如果是內(nèi)聯(lián)函數(shù)的話(huà)如warn方法，只需要在定義方法的地方同時(shí)傳入$event即可，這里需要強(qiáng)調(diào)的是在iview中，這里用的是select組件，在其on-change事件中如果想要傳入自定義的參數(shù)，使用直接傳參的方式，獲取的是傳入的參數(shù)，那么如何獲取到該方法默認(rèn)的返回值（即不傳參數(shù)時(shí)返回的默認(rèn)選中值），這里使用 $event傳入代表選中的值，如test方法，這里似乎也只要$event可以傳入代表選中的值，其他的可能就是普通的參數(shù)，至于這個(gè)時(shí)候想要獲取dom事件似乎已經(jīng)沒(méi)有了意義，因?yàn)檫@里的select是iview封裝的組件。

當(dāng)然具體原因呢也在這里自定義的組件,在vue中自定義組件向父組件傳參的時(shí)候是通過(guò)$emit觸發(fā)事件，父組件通過(guò)v-on，監(jiān)聽(tīng)事件，如果子組件向父組件傳參數(shù)，那么在監(jiān)聽(tīng)的事件里通過(guò)$event來(lái)接受參數(shù)。如下圖

如果這里寫(xiě)成了方法的方式，該方法默認(rèn)接受一個(gè)參數(shù)（也就是子組件傳給父組件的值），也是我們調(diào)用框架的結(jié)構(gòu)時(shí)，里面所說(shuō)的默認(rèn)返回值。

v-on:formChild='change'

方法里使用

change(child){conslo.log(child)}

如果你想在子組件傳給父組件的值之外添加自定義的值，那么你在方法里就必須把子組件傳過(guò)來(lái)的默認(rèn)值通過(guò)$event注入到方法里。

v-on:formChild='change($event,"來(lái)自子組件")'

方法里使用

change(child,msg){conslo.log(child,msg)}

補(bǔ)充知識(shí)：Vue.$event 內(nèi)聯(lián)語(yǔ)句中傳入原始dom數(shù)據(jù)

@click=“fun1” //默認(rèn)傳入原始數(shù)據(jù)
@click=“fun1(‘其它參數(shù)')” //僅傳入指定數(shù)據(jù)

//要傳入指定數(shù)據(jù) + 原始數(shù)據(jù)
@click=“fun1($event, ‘其它參數(shù)')”

標(biāo)題名稱(chēng)：關(guān)于vue中$event理解和框架中在包含默認(rèn)值外傳參的分析-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)地址：http://muchs.cn/article22/ddddjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、網(wǎng)站排名、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)、自適應(yīng)網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)