事件交互
cml
支持一些基础的事件,保障各端效果(类型
、绑定
、事件对象
)一致运行。
示例代码
小程序使用事件
<!--wxml-->
<view id="tapTest" data-hi="WeChat" bindtap="tapName">Click me!</view>
// page.js
Page({
tapName(event) {
console.log(event);
}
});
cml 使用事件
<template>
<view id="tapTest" data-hi="WeChat" c-bind:tap="tapName">
<text>Click me!</text>
</view>
</template>
<script>
class Index {
methods = {
tapName(e) {
// 打印事件对象
console.log("事件对象:", e);
}
};
}
export default new Index();
</script>
事件使用总结
同时,还支持自定义事件,用于父子组件之间的通信。
另外,如果你想要使用某个端特定的事件,cml
并不会限制你的自由发挥,你可以从业务出发使用 组件多态 或者 接口多态 差异化实现功能。