微信小程序自定义组件——手写radio

不写博客的前端不是好前端

于 2021-03-30 20:46:09 发布

阅读量524

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.youkuaiyun.com/yfm120750310/article/details/115335280

本文档介绍了如何在微信小程序中自定义radio组件，以满足特定的样式和功能需求。通过创建新的WXML、WXSS和JS文件，实现了包括选中样式在内的自定义效果。在组件的properties中定义了checked属性，并提供了observer函数进行监听和响应。在使用时，需在页面的json文件中引入组件，并在wxml中绑定事件。通过这种方式，可以扩展微信小程序原生组件的功能，实现更灵活的UI设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

微信小程序某些组件暴露的修改特性的接口不够，有些时候需要进行自定义

文档内容

相关的api文档在这里
看一下实例代码：

Component({
   
   
  properties: {
   
   
    min: {
   
   
      type: Number,
      value: 0
    },
    min: {
   
   
      type: Number,
      value: 0,
      observer: function(newVal, oldVal) {
   
   
        // 属性值变化时执行
      }
    },
    lastLeaf: {
   
   
      // 这个属性可以是 Number 、 String 、 Boolean 三种类型中的一种
      type: Number,
      optionalTypes: [String, Object],
      value: 0
    }
  }