uView Picker 选择器

此选择器用于单列,多列,多列联动的选择场景。

#平台差异说明

App(vue) App(nvue) H5 小程序

#基本使用

  • 通过show绑定一个布尔值变量,用于控制组件的弹出与收起。
  • 都通过传入数组columns配置选择项。



copy

#多列模式与多列联动

此模式通过传入columns参数,此参数为二维数组,通过change事件完成联动操作。




copy

#加载状态

由于需要多列联动,此模式和上面的"多列模式"基本相同,在加载之前将loading设置为true,数据获取完成之后再置为false即可。




copy

#自定义选项值

参数columns可以传入自定义选项值,可以通过keyName参数控制对应的显示属性。




copy

#默认值

此组件的所有模式,都可以设置默认值,通过defaultIndex数组参数配置,数组元素的0表示选中每列的哪个值(从0开始),下面分别对几种模式进行说明:

注意: defaultIndex数组的长度,必须与列数相同,否则无效。

  1. 单列模式

如设置defaultIndex[1]表示默认选中第2个(从0开始),[5]表示选中第6个。

  1. 多列模式

如设置defaultIndex[1, 3]表示第一列默认选中第2个,第二列默认选中第4个。

你可能感兴趣的:(notepad++)