当前位置: 首页 > 文档资料 > VUX 中文文档 >

Selector 组件使用教程

优质
小牛编辑
149浏览
2023-12-01

安装

import { Selector } from 'vux'

export default {
  components: {
    Selector
  }
}
// 在入口文件全局引入

import Vue from 'vue'
import { Selector } from 'vux'

Vue.component('selector', Selector)
  <group>
    <selector title="title" v-model="value"></selector>
  </group>

selector只能在Group中使用

iOS上,如果没有指定placeholder也没有指定value,会出现弹出选择框时默认选中第一个值,但是确定后依然没有选中的情况。
因此对于iOS,组件内部在列表项前面增加了一个空的option,强制用户滑动选择一次以避免上面的问题。

属性

名字类型默认值说明版本要求
valuestring
number
object
表单值,使用v-model绑定--
titlestring标题--
directionstring选项对齐方式,同原生 select 属性一致,可选值为 ltr(left-to-right,默认), rtl--
optionsarray选项列表,可以为简单数组,或者 { key: KEY, value: VALUE } 结构的键值对数组。当使用键值对时,返回的valuekey的值。--
namestring表单的name名字--
placeholderstring提示文字--
readonlybooleanfalse是否不可选择--
value-maparray设置键值对映射用以自动转换接口数据, 如 ['value', 'label']v2.7.2

事件

名字参数说明版本要求
@on-change(value)值变化时触发--

方法

名字参数说明版本要求
getFullValue获取当前完整值,在使用了 valueMap 里可以用该方法来获取当前选中值的原始对象v2.7.2