這篇文章主要介紹了關(guān)于vue中$event理解和框架中在包含默認(rèn)值外傳參的分析,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
在vue中普通方法中默認(rèn)帶有event DOM事件如greet方法,如果是內(nèi)聯(lián)函數(shù)的話如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)沒有了意義,因?yàn)檫@里的select是iview封裝的組件。
當(dāng)然具體原因呢也在這里自定義的組件,在vue中自定義組件向父組件傳參的時(shí)候是通過$emit觸發(fā)事件,父組件通過v-on,監(jiān)聽事件,如果子組件向父組件傳參數(shù),那么在監(jiān)聽的事件里通過$event來接受參數(shù)。如下圖
如果這里寫成了方法的方式,該方法默認(rèn)接受一個(gè)參數(shù)(也就是子組件傳給父組件的值),也是我們調(diào)用框架的結(jié)構(gòu)時(shí),里面所說的默認(rèn)返回值。
v-on:formChild='change'
方法里使用
change(child){conslo.log(child)}
如果你想在子組件傳給父組件的值之外添加自定義的值,那么你在方法里就必須把子組件傳過來的默認(rèn)值通過$event注入到方法里。
v-on:formChild='change($event,"來自子組件")'
方法里使用
change(child,msg){conslo.log(child,msg)}
補(bǔ)充知識(shí):Vue.$event 內(nèi)聯(lián)語句中傳入原始dom數(shù)據(jù)
@click=“fun1” //默認(rèn)傳入原始數(shù)據(jù) @click=“fun1(‘其它參數(shù)')” //僅傳入指定數(shù)據(jù) //要傳入指定數(shù)據(jù) + 原始數(shù)據(jù) @click=“fun1($event, ‘其它參數(shù)')”
標(biāo)題名稱:關(guān)于vue中$event理解和框架中在包含默認(rèn)值外傳參的分析-創(chuàng)新互聯(lián)
網(wǎng)頁地址:http://aaarwkj.com/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)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容