slider
配置项说明
| 参数 | 类型 | 是否必选 | 示例 | 说明 |
|---|---|---|---|---|
| type | String | 是 | type: "slider" | 配置项类型。 |
| value | String | 否 | value: "defaultValue" | 默认值。 |
| name | String | 是 | name: "commProps.myString" | 该字段的值与advanceEditvm中的commProps.myString双向绑定。 |
| label | Object | 否 | label: { "zh_CN": "中文标签", "en_US": "En label" } | 配置项的标签,需要国际化。 |
| tip | Object | 否 | tip: { zh_CN: "中文提示", en_US: "English tip"} | 提示图标,当配置项比较复杂,可以添加一些提示内容。 |
| noToolTip | Boolean | 否 | noToolTip: false | 标签是否具有el-tooltip提示,默认为false。 |
| disabled | Function | Boolean | 否 | disabled: true或(data, field, vm) => boolean | 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。 |
| showFunc | Function | 否 | showFunc: function(vm) { return vm.commProps.showTitle; } | 是否显示该配置项,可自定义函数,根据其他选项的值来判定是否显示,返回true显示function定义。 |
| stepStrictly | Boolean | 否 | stepStrictly: false | 是否只能输入step的倍数,默认为false。 |
| precision | Number | 否 | precision: 2 | 数值精度。 |
| step | Number | 否 | number: 1 | 计数器步长,默认值为1。 |
| hideControls | Boolean | 否 | hideControls: false | 是否使用控制按钮。 |
| min | Number | 否 | min: 0 | 设置计数器允许的最小值,默认值为-Infinity。 |
| max | Number | 否 | max: 100 | 设置计数器允许的最大值,默认值为Infinity。 |
| showInput | Boolean | 否 | showInput: true | 是否展示输入框,默认为true。 |
| append | String | 否 | append: "%" | 添加的字符串。 |
事件
| 事件名称 | 调用配置项中的方法 | 说明 | 回调参数 |
|---|---|---|---|
| change | change | 值改变的时候触发 | (value, data, field) |
配置示例
slider配置示例如下,配置后效果如图1所示。
{
type: 'slider',
name: 'commProps.mySliderStr',
value: '64%',
label: {
zh_CN: 'sliderstr的类型',
en_US: 'sliderstr Type Example'
},
append: '%',
step: '0.01',
stepStrictly: true,
precision: '2',
min: '20',
max: '100',
showInput: true
}
