W3Cschool
恭喜您成為首批注冊(cè)用戶(hù)
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
方便地進(jìn)行事件綁定,在組件 mounted 和 activated 時(shí)綁定事件,unmounted 和 deactivated 時(shí)解綁事件。
import { ref } from 'vue';
import { useEventListener } from '@vant/use';
export default {
setup() {
// 在 window 上綁定 resize 事件
// 未指定監(jiān)聽(tīng)對(duì)象時(shí),默認(rèn)會(huì)監(jiān)聽(tīng) window 的事件
useEventListener('resize', () => {
console.log('window resize');
});
// 在 body 元素上綁定 click 事件
useEventListener(
'click',
() => {
console.log('click body');
},
{ target: document.body }
);
},
};
type Options = {
target?: EventTarget | Ref<EventTarget>;
capture?: boolean;
passive?: boolean;
};
function useEventListener(
type: string,
listener: EventListener,
options?: Options
): void;
參數(shù) | 說(shuō)明 | 類(lèi)型 | 默認(rèn)值 |
---|---|---|---|
type | 監(jiān)聽(tīng)的事件類(lèi)型 | string | - |
listener | 點(diǎn)擊外部時(shí)觸發(fā)的回調(diào)函數(shù) | EventListener | - |
options | 可選的配置項(xiàng) | Options | - |
參數(shù) | 說(shuō)明 | 類(lèi)型 | 默認(rèn)值 |
---|---|---|---|
target | 綁定事件的元素 | EventTarget | Ref<EventTarget> | window
|
capture | 是否在事件捕獲階段觸發(fā) | boolean | false
|
passive | 設(shè)置為 true 時(shí),表示 listener 永遠(yuǎn)不會(huì)調(diào)用 preventDefault
|
boolean | false
|
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: