Cascader 多级联动

在线预览

maker 快速生成

$formCreate.maker.cascader('所在区域','address',['陕西省','西安市','新城区']).props({
        data:window.province
})

json 规则

{
        type:"cascader",
        title:"所在区域",
        field:"address",
        value:['陕西省','西安市','新城区'],
        props:{
            data:window.province || [],
        },
        validate:[],
}

参数说明

参考:iview2.x | iview3.x

规则 rule
字段名 说明 字段类型 默认值
type 元素类型 String -
field 字段名称 String -
title 字段别名 String -
value 字段值 String -
props 元素配置 Object -
event 元素事件 Object -
validate 验证规则 Array -
元素配置 props
字段名 说明 字段类型 是否必填 默认值
data 可选项的数据源 Array true -
renderFormat 选择后展示的函数,用于自定义显示格式 Function false label => label.join(' / ')
trigger 次级菜单展开方式,可选值为 click 或 hover String false 'click'
placeholder 占位文本 String false -
confirm 是否显示底部控制栏,开启后,选择完日期,选择器不会主动关闭,需用户确认后才可关闭 Boolean false false
size 输入框大小,可选值为large和small或者不填 String false -
clearable 是否支持清除 Boolean false true
disabled 是否禁用选择器 Boolean false false
changeOnSelect 当此项为 true 时,点选每级菜单选项值都会发生变化 Boolean false false
filterable 是否支持搜索 Boolean false false
notFoundText 当搜索列表为空时显示的内容 String false '无匹配数据'
transfer 是否将弹层放置于 body 内,在 Tabs、带有 fixed 的 Table 列内使用时,建议添加此属性,它将不受父级样式影响,从而达到更好的效果 Boolean false false
loadData 动态获取数据,数据源需标识 loading Function false -
事件扩展 event
事件名称 说明 字段类型 是否必填 默认值
change 选择完成后的回调,返回值 value 即已选值 value,selectedData 为已选项的具体数据 Function false -
visible-change 展开和关闭弹窗时触发 Function false -