uniapp的nviewUI组件库的u-select组件

uniapp的nviewUI组件库的u-select组件_第1张图片

uniapp的nviewUI组件库的u-select组件_第2张图片
uview ui的select组件和其他第三方ui组件库有所不同:
1)u-select只是弹窗部分,不包含确定选项后的bar部分
2)v-model是布尔值,表示是否显示弹窗,而其他组件库大都是选中的值,一般为数组
3) mode是列数,single-column是单列
4)default-value是选中的值,也可设置默认值,是数组,元素是选中项index, 而不是value
5)list是select的options选项,是数组:{value,label}[]
6)$event是选中项,是数组
uniapp的nviewUI组件库的u-select组件_第3张图片
7)选择项并确定后,并不能直接得到选中的值,需要通过e和绑定的optionList去获取选中的index, 并赋值给default-value; 而显示的bar文字:optionList[index].label

你可能感兴趣的:(#,uniapp,#,nviewUI,uni-app)