网站开发导航栏,空间设计培训,wordpress整套主题,字节跳动员工待遇简单分享 checkbox 组件#xff0c;主要从以下三个方面来分享#xff1a;
1、组件的页面结构
2、组件的属性
3、组件的方法
一、组件的页面结构 二、组件的属性
2.1 value / v-model 属性#xff0c;绑定的值#xff0c;类型 string / number / boolean#xff0c;无…简单分享 checkbox 组件主要从以下三个方面来分享
1、组件的页面结构
2、组件的属性
3、组件的方法
一、组件的页面结构 二、组件的属性
2.1 value / v-model 属性绑定的值类型 string / number / boolean无默认值。
首先讨论单个 checkbox通过 props 接收 父组件传递过来的 value在组件内部通过计算属性 model 监听 value 的变化并将最新值双向绑定到页面当中进行渲染具体如下 2.2 label 属性选中状态的值类型 string / number / boolean无默认值。 2.3 true-label、false-label 属性选中的值类型 string / number无默认值。 属性的使用及实现效果如下 2.4 disabled 属性是否禁用类型 boolean默认 false。 2.5 border 属性是否有边框类型 boolean默认 false。 2.6 size 属性尺寸大小类型 medium / small / mini无默认值。 2.7 name 属性原生 name 属性类型 string无默认值。 2.8 checked 属性是否勾选类型 boolean默认 false。 2.9 indeterminate 属性设置 indeterminate 状态只负责样式控制类型 boolean默认 false。 属性的使用及实现效果如下 通过上面效果知此属性的主要作用是设置 checkbox 的全选、半选状态。
三、组件的方法
3.1 change 方法。
