当前位置: 首页> 娱乐> 八卦 > 微信小程序-自定义组件checkbox

微信小程序-自定义组件checkbox

时间:2025/7/14 7:01:34来源:https://blog.csdn.net/weixin_42284031/article/details/140000275 浏览次数:0次

一.自定义Coponent组件

公共组件:将页面内公共的模块抽取为自定义组件,在不同页面复用。
页面组件:将复杂页面进行拆分,降低耦合度,有利于代码维护。

可以新建文件夹component放组件:

在这里插入图片描述
组件名为custom-checkbox
注册方式公共组件在app.json里面,页面组件在对应页面的json文件里。

  "usingComponents": {"custom-checkbox":"./component/custom-checkbox/custom-checkbox"}

二.组件的数据定义和方法使用

组件的.js文件里的data用来定义数据,methods用来定义方法。
和页面不同的是,组件的.js文件里里面是Component方法,页面的.js文件使用Page方法。页面文件不需要在methods里面定义function,组件需要。

Component({/*** 组件的属性列表*/properties: {},/*** 组件的初始数据*/data: {isCheck:false},/*** 组件的方法列表*/methods: {update(){this.setData({isCheck: !this.data.isCheck})console.log(this.data.isCheck)}}
})
关键字:微信小程序-自定义组件checkbox

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: