事件交互

cml 支持一些基础的事件,保障各端效果(类型绑定事件对象)一致运行。

示例代码

小程序使用事件

  1. <!--wxml-->
  2. <view id="tapTest" data-hi="WeChat" bindtap="tapName">Click me!</view>
  1. // page.js
  2. Page({
  3. tapName(event) {
  4. console.log(event);
  5. }
  6. });

cml 使用事件

  1. <template>
  2. <view id="tapTest" data-hi="WeChat" c-bind:tap="tapName">
  3. <text>Click me!</text>
  4. </view>
  5. </template>
  6. <script>
  7. class Index {
  8. methods = {
  9. tapName(e) {
  10. // 打印事件对象
  11. console.log("事件对象:", e);
  12. }
  13. };
  14. }
  15. export default new Index();
  16. </script>

事件使用总结

同时,还支持自定义事件,用于父子组件之间的通信。

另外,如果你想要使用某个端特定的事件,cml 并不会限制你的自由发挥,你可以从业务出发使用 组件多态 或者 接口多态 差异化实现功能。