设置disabled为true,即可禁用某个组件,让用户无法点击 #是否禁止点击提示语选中复选框 设置labelDisabled为true,即可禁止点击提示语选中复选框 #自定义颜色 此处所指的颜色,为radio选中时的背景颜色,参数为activeColor #横向排列形式 可以
通过radio-group标签的框定,使得radio被分为了一组～同一组下的radio将自动实现互斥选中,示例如下: 三. value属性 value属性,用于代表radio的标识,什么是标识,简单的说就是内置在radio上用于被系统或者代码识别的值,这个值具有唯一性,说明如下 代码示例如下: <!-- value属性 --> <radio-group> <radio value="...
-- uniapp内置的单选组件,见https://uniapp.dcloud.io/component/radio.html --> <radio-group class="checklist-group" @change="change"> <radio class="hidden" :disabled="item.disable" :value="String(item.id)" :checked="radioData.selected === item.id" /> <view class="checklist-content"...
/u-radio-group> <view>当前选中值:{{ selectedValue }}</view> </view> </template> <script> export default { data() { return { selectedValue: '', // 存储选中的单选框的值 isDisabled: false, // 控制单选框是否禁用 }; }, methods: { onChange(...
test.vue文件(这里假设你使用checkbox或者radio的组件): ? 1 2 3 4 5 6 7 8 <template> <viewclass="custom-checkbox"> <checkbox-group> <checkbox> checkbox </checkbox> </checkbox-group></view> </template> App.vue文件(这里设置): 提示:不用引入样式,全局设置刷新直接生效.custom-checkbox用于包裹...
方法二、使用radio-group组件 <viewclass="uni-form-item uni-row"><viewclass="title">覆膜费用</view><view><radio-group><radiovalue="r1"checked="true"color="#09BB07"/>哑膜<radiovalue="r2"color="#09BB07"/>亮膜<radiovalue="r3"color="#09BB07"/>不覆膜</radio-group></view></view>...
disabledBoolean是否禁用 6.3<radio-group>单项选择器 @change 属性,在<radio-group>中的选中项发生变化时触发,内部由多个<radio>单选项目组成。 实例: <template><view><radio-groupclass="radio-group"@change="radioChange"><radio:value="item.name":checked="item.checked"/>{{item.value}}</radio-group>...
表单元素 radio 用 radio-group 组件代替 --picker-view 窗体内嵌式列表选择器 --radio 单项选择器 --slider 滑动选择器 --textarea 多行文本输入框 路由与页面跳转 --navigator 页面链接 类似a标签 媒体组件 --audio 音频 --camera 相机 --image 图片 ...
H5平台 修复 picker 组件 columnchange 事件不触发的问题 hello uni-app 优化 radio-group 组件的切换逻辑,兼容支付宝/百度小程序 hello uni-app 优化 echarts 示例,兼容H5 hello uni-app 修复 自定义懒加载占位图位置不正确的问题 hello uni-app 优化 H5平台放开手势识别、图标裁剪等与 canvas 有关的示例1.3...
H5平台 修复 picker 组件 columnchange 事件不触发的问题 hello uni-app 优化 radio-group 组件的切换逻辑,兼容支付宝/百度小程序 hello uni-app 优化 echarts 示例,兼容H5 hello uni-app 修复 自定义懒加载占位图位置不正确的问题 hello uni-app 优化 H5平台放开手势识别、图标裁剪等与 canvas 有关的示例1.3...