uniapp多项选择器-checkbox-group

多项选择器

多项选择器内部由多个checkbox组成

  1. @change: 选中项改变时触发
  2. value: checkbox的表示, 选中时触发chang事件, 会携带的value值
  3. disabled: 是否禁用, 默认为false
  4. checked: 当前是否选中, 可用来设置默认选中
  5. color: checkbox的颜色, 同css的颜色
  6. 调节CheckBox的大小:在css中使用transform:scale(num)
<template>
	<view>
		
		
		<checkbox-group @change='change1'>
			
			<checkbox value="v1" checked="true"  color="#999">选中checkbox>
			<checkbox value="v2" style="transform: scale(0.7);">未选中checkbox>
			<checkbox disabled="true" value="v3">禁用checkbox>
		checkbox-group>
	view>
template>
methods: {
    change1(e){
        console.log(e)
    }
}

多项选择器
uniapp多项选择器-checkbox-group_第1张图片

你可能感兴趣的:(#,uniapp,前端,多项选择器,checkbox,checkbox-group)