mui vue提供了豐富的事件來(lái)幫助我們更好的處理用戶交互。下面是一些常用的事件:
// 點(diǎn)擊事件 @click // 長(zhǎng)按事件 @longtap // 滑動(dòng)事件 @swipe // 滑動(dòng)開(kāi)始事件 @swipestart // 滑動(dòng)結(jié)束事件 @swipeend // 拖拽事件 @drag // 拖拽開(kāi)始事件 @dragstart // 拖拽結(jié)束事件 @dragend // 點(diǎn)擊穿透事件 @clickthrough // 雙擊事件 @doubletap // 旋轉(zhuǎn)事件 @rotate // 縮放事件 @pinch
除了提供這些常用的事件之外,mui vue也支持自定義事件。比如我們可以在組件中使用$emit方法來(lái)觸發(fā)一個(gè)事件:
// 父組件methods: { handleMyEvent() { console.log('myevent is triggered'); } } // 子組件methods: { handleClick() { this.$emit('myevent'); } }
上面的代碼演示了如何在子組件中觸發(fā)一個(gè)自定義事件,并在父組件中處理該事件。$emit方法接收一個(gè)參數(shù),即事件名稱,可以傳遞多個(gè)參數(shù)給事件處理函數(shù):
// 子組件 methods: { handleClick() { this.$emit('myevent', 'hello', 'world'); } } // 父組件 methods: { handleMyEvent(arg1, arg2) { console.log(arg1, arg2); // hello world } }
總之,mui vue的事件系統(tǒng)非常強(qiáng)大,我們可以使用它來(lái)處理各種用戶交互。同時(shí),我們也可以自定義事件來(lái)滿足自己的需求。