mui vue提供了丰富的事件来帮助我们更好的处理用户交互。下面是一些常用的事件:
// 点击事件 @click // 长按事件 @longtap // 滑动事件 @swipe // 滑动开始事件 @swipestart // 滑动结束事件 @swipeend // 拖拽事件 @drag // 拖拽开始事件 @dragstart // 拖拽结束事件 @dragend // 点击穿透事件 @clickthrough // 双击事件 @doubletap // 旋转事件 @rotate // 缩放事件 @pinch
除了提供这些常用的事件之外,mui vue也支持自定义事件。比如我们可以在组件中使用$emit方法来触发一个事件:
// 父组件methods: { handleMyEvent() { console.log('myevent is triggered'); } } // 子组件methods: { handleClick() { this.$emit('myevent'); } }
上面的代码演示了如何在子组件中触发一个自定义事件,并在父组件中处理该事件。$emit方法接收一个参数,即事件名称,可以传递多个参数给事件处理函数:
// 子组件 methods: { handleClick() { this.$emit('myevent', 'hello', 'world'); } } // 父组件 methods: { handleMyEvent(arg1, arg2) { console.log(arg1, arg2); // hello world } }
总之,mui vue的事件系统非常强大,我们可以使用它来处理各种用户交互。同时,我们也可以自定义事件来满足自己的需求。