更新记录

1.0.2（2023-08-30） 下载此版本

修复双向绑定失效

1.0.1（2023-08-30） 下载此版本

修复change事件调用失败

1.0.0（2023-08-30） 下载此版本

1、双向绑定和事件回调

平台兼容性

uni-app

使用案例

<template>
  <view>
    <button type="primary" @click="onCardChange">改变</button>
        <HCheckedBox v-model="allSelected" @change="testChange"></HCheckedBox>
  </view>
</template>

<script>
export default {
  data() {
    return {
      allSelected: false,
    };
  },
  methods: {
    onCardChange(e) {
      this.allSelected = !this.allSelected;

    },
    testChange(e) {
      console.log(e);
    },
  },
};
</script>
<style>
</style>

修改checkbox样式，在App.vue文件中添加

checkbox .wx-checkbox-input {
  border-radius: 50% !important;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  color: #ffffff;
  background: #c11c1ce4;
}