最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue關(guān)于自定義事件的$event傳參問(wèn)題

 更新時(shí)間：2023年10月21日 08:35:55   作者：彭恒0714  
這篇文章主要介紹了Vue關(guān)于自定義事件的$event傳參問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue自定義事件的$event傳參

1.$event 是 vue 提供的特殊變量，用來(lái)表示原生的事件參數(shù)對(duì)象 event。

2.在原生事件中，$event是事件對(duì)象，在自定義事件中，$event是傳遞過(guò)來(lái)的數(shù)據(jù)（參數(shù)）

如果遇到子組件向父組件傳數(shù)據(jù)，需要用到自定義事件來(lái)處理，此時(shí)我們?cè)诟附M件上監(jiān)聽(tīng)那個(gè)自定義事件，并且需要接收子組件傳過(guò)來(lái)的參數(shù)，同時(shí)我們自己還想傳遞一個(gè)參數(shù)給下面方法

父組件

 

父組件監(jiān)聽(tīng)自定義事件的定義的方法

 

此時(shí)上面的那個(gè)$event不再是原生的事件對(duì)象e，而是用來(lái)接收子組件傳遞過(guò)來(lái)的數(shù)據(jù)（參數(shù)）

vue事件參數(shù)$event

$event是事件對(duì)象的特殊變量，在一些場(chǎng)景能給我們實(shí)現(xiàn)復(fù)雜功能提供更多可用的參數(shù)

原生事件

在原生事件中表現(xiàn)和默認(rèn)的事件對(duì)象相同

<template>
    <div>
        <input type="text" @input="inputHandler( hello , $event)" />
    </div>
</template>
export default {
    methods: {
        inputHandler(msg, e) {
            console.log(e.target.value)
        }
    }
}

自定義事件

在自定義事件中表現(xiàn)為捕獲從子組件拋出的值

my-item.vue :

export default {
    methods: {
        customEvent() {
            this.$emit( custom-event ,  some value )
        }
    }
}

App.vue

<template>
    <div>
        <my-item v-for="(item, index) in list" @custom-event="customEvent(index, $event)">
            </my-list>
    </div>
</template>
export default {
    methods: {
        customEvent(index, e) {
            console.log(e) //  some value
        }
    }
}

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

静海县| 岚皋县| 通山县| 昌黎县| 南雄市| 洱源县| 郴州市| 乳源| 佛山市| 息烽县| 酉阳| 莆田市| 花垣县| 平武县| 邛崃市| 遵义市| 翁源县| 合水县| 崇文区| 平舆县| 大余县| 当雄县| 佛山市| 定陶县| 安龙县| 张家界市| 宁远县| 黑龙江省| 拉孜县| 纳雍县| 固始县| 广南县| 禄劝| 平凉市| 高碑店市| 黔南| 承德市| 清苑县| 澄城县| 松溪县| 巢湖市|