<u-checkbox-group v-if="areaPopup&&categoryMaxNum!==1" v-model="areaArr" @change="checkboxChange" placement="column" class="indicatorCheckbox"> <u-checkbox :customStyle="{marginBottom: '16rpx'}" iconSize="15" activeColor="#3849B4" v-for="item in categoryOptions" :key="item.value" ...
<u-input v-model="form.intro" prop="intro"/> </u-form-item> <!-- 多选,其中:name代表返回的val值,需要在js里的checkboxGroupChange进行获取,手动渲染form里 --> <u-form-item label="水果"> <u-checkbox-group @change="checkboxGroupChange"> <u-checkbox @change="checkboxChange" v-model="it...
在uView中,有很多组件都采用父子嵌套的做法,比如radio组件,就由u-radio-group和u-radio组件,1.x中对类似的组件采用了统一的处理方法,该方法存在一定的缺陷, 导致反复操作一些子组件时,重复加入一些实例到管理状态中,从而导致卡顿或者混乱。在2.x中,我们对类似的问题进行了优化,保证了状态的正确性,以及在组件被卸载...
在上述代码中,我们使用了u-checkbox-group组件来包裹多个u-checkbox组件,并通过v-model指令将选中的值绑定到checkboxValue数组中。同时,我们还通过监听change事件来获取选中的值,并在watch中更新selectedOptions数组,以便在页面上显示已选项的label。 3. 在使用uview多选功能时可能遇到的常见问题及解决方案 ...
可以通过设置shape为square或者circle,将单选框设置为方形或者圆形 <u-radio-groupv-model="value"><u-radioshape="circle"label="月明人倚楼"></u-radio></u-radio-group> #禁用radio 设置disabled为true,即可禁用某个组件,让用户无法点击 <u-radio-groupv-model="value"><u-radio:disabled="true"label=...
优化Checkbox组件,可以无需搭配Checkbox-group而独立使用 17. 移除演示项目根目录/static中的无用图片资源,转用线上CDN资源 18. 修复Icon图标在头条,百度小程序上无法显示的问题 19. 修复MessageInput验证码输入框组件可能会在右边显示输入内容的问题 20. 优化u-border基础类的边框特殊场景可能会有边框缺失的问题 21...
优化 优化Checkbox组件,可以无需搭配Checkbox-group而独立使用 优化 优化u-border基础类的边框特殊场景可能会有边框缺失的问题 优化 移除Model组件的content-slot组件,改由组件内部判断,原功能不受影响 优化 优化Tabs组件动态修改list参数长度对内部Current索引的判断和修改 ...
u-checkbox-group.vue u-checkbox u-checkbox.vue u-circle-progress u-circle-progress.vue u-form-item u-form-item.vue u-input u-input.vue u-loadmore u-loadmore.vue u-number-box u-number-box.vue u-picker u-picker.vue u-radio-group u-radio-group.vue u-radio u-...
import VantCheckBox from "@/components/common/form/VantCheckBox.vue"; import VantMultiPicker from "@/components/common/form/VantMultiPicker.vue"; import VantDatetimePicker from "@/components/common/form/VantDatetimePicker.vue"; import VantPicker from "@/components/common/form/VantPicker.vue"; ...
u-dropdown-item带有默认的单选展示功能,通过options(见下方说明)配置,传入slot则会覆盖默认功能,通过v-model双向绑定options选中项的value值 <template><view class="container container21094"><view class="flex diygw-dropdown diygw-col-24"><u-dropdown class="flex-sub" direction="down" ref="refDropdow...