Appearance
属性
javascript
// 定义一个名为cascader的对象,该对象配置了一个级联选择器组件的属性和行为
cascader: {
// 表示该组件是否为一个容器组件,false表示不是
isContainer: false,
// 组件的显示名称,用于标识该组件
displayName: "级联选择器",
// 表示该组件是否可以用于表单中,true表示可以
isForm: true,
// 表示该组件是否可以添加数据表查询,true表示可以
canAddDataTableQuery: true,
// 表示该组件是否可以添加数据表列表,true表示可以
canAddDataTableList: true,
// 表示该组件是否为完整功能版本,true表示是
complete: true,
// 组件的属性配置
props: {
// 表示组件是否有标签,true表示有
hasLabel: true,
// 组件的大小,默认值
size: "default",
// 组件的备注信息
remark: "",
// 表示该字段是否为必填项,true表示是
required: false,
// 表示该组件是否只读,true表示是
readonly: false,
// 表示该组件是否禁用,true表示是
disabled: false,
// 表示该组件是否为详情模式,true表示是
isDetail: false,
// 表示该组件是否隐藏,true表示是
hide: false,
// 表示该组件是否可清除,true表示是
clearable: true,
// 组件的占位符文本
placeholder: "请输入",
// 标签的位置,可选值有left、right等
labelPosition: "left",
// 组件的值
value: null,
// 级联选择器的数据源名称
zdname: null,
// 级联选择器的值属性名
propsKey: "value",
// 级联选择器的标签属性名
propsLabel: "label",
// 级联选择器的子项属性名
propsChildren: "children",
// 组件的标签文本
label: "级联选择器",
// 标签的对齐方式,可选值有left、right等
labelAlign: "right",
// 标签的宽度
labelWidth: "120px",
// 表示是否显示所有级联层级,true表示是
showAllLevels: true,
// 表示是否在选择最后一级时提交数据,false表示否
postLastLevel: false,
// 组件的宽度,单位为栅格数
width: 24,
// 组件的数据源选项
options: [],
// 组件的数据源API配置
apiSet: {
// API请求方法,可选值有post、get等
method: "post",
// API请求地址
apiurl: "",
// API请求参数
params: [],
// API请求头部
headers: [],
// API请求内容类型,可选值有JSON、FORM等
contentType: "JSON",
// API请求参数格式
paramsFormat: "",
// API请求头部格式
headersFormat: "",
// API成功响应格式
successFormat: "",
// API错误响应格式
errorFormat: "",
},
// 组件的创建时的回调函数
onCreated: null,
// 组件挂载时的回调函数
onMounted: null,
// 组件值变化时的回调函数
onChange: null,
}
},
方法
名称 | 描述 | 示例 |
---|---|---|
app.getPropsById | 获取当前组件参数值 | app.getPropsById({id}) |
app.setValue | 设置组件的值 | app.setValue({id}, 5) |
app.getValue | 获取组件的值 | app.getValue({id}) |
app.setVisible | 设置可见 | app.setVisible({id}, false) |