option{
menuWidth: 280,//操作菜单栏的宽度,
delBtnText:'作废',//表格中操作列中的删除按键的label,
format: "yyyy-MM-dd",//format指定输入框的格式;
valueFormat: "yyyy-MM-dd",//使用valueFormat指定绑定值的格式。
calcHeight: “auto”,//表格高度差(主要用于减去其他部分让表格高度自适应)
expand: false,//是否展开折叠行
stripe: true,//是否显示表格的斑马条纹
showHeader: true,//是否显示表格的表头
defaultSort:表格的排序字段{prop:‘date’,order:‘descending/ascending’}prop默认排序字段,order排序方式
searchSize: “small”,//搜索控件的大小small/mini
precision:2,//数字框输入精度(当type为number时)
column: [
{
label: "通知标题",
prop: "title",//列字段
align: "center",//表单数据居中
display: false,//在弹出的表单框中隐藏显示当前项
span: 24,//24一条数据占一行,8一行3条数据
hide: true,//隐藏列 对表格起作用
dicUrl: "/api/blade-system/dict/dictionary?code=notice",
//字典的网络请求接口(例如配置/xxx/xx/{undefined{key}},这样的格式,在column中dicData自动匹配prop字段名)
row: true,//是否单独成行
addDisplay: false,//增加时字段不展示在弹框里
editDisplay: false,//编辑时字段不展示在弹筐里
viewDisplay: false,//查看时字段不展示在弹框里
slot: true,//自定义列//加一个插槽 子表可以放这里
search: true,//是否支持搜索
searchLabelWidth:150,//在搜索表单里的label宽度
type:“input”,//input/select/radio/checkbox/textarea/cascader/date/time/datetime/daterange/timerange/datetimerange/week/month/year/dates/password/switch/tree
maxRows:4,//最大行(当type为textarea)
minRows:2,//最小行(当type为textarea)
multiple:false,多选(当type为select/tree时)
format:"",//显示值时间格式(当type为date/time/datetime/daterangetimerange/datetimerange/week/month/year/date
valueFormat:"",//真实值的时间格式(当type为date/time/datetime/daterangetimerange/datetimerange/week/month/year/dates)
clearable:true,//表单清空
size:“medium”,//表单大小medium/small/mini
editDisabled:false,//表单编辑时是否禁止
editDisplay:false,//表单编辑是否可见
addDisabled:false,//表单编辑时是否禁止
addDisplay:false,//表单编辑是否可见
slot:false,//列自定义 支持自定义列
formslot:false,//表单自定义
fixed:true,//冻结列
dicData://传入本次需要的静态字典(在column中dicData写对象key值即可加载)
dicMethod://传入字典的请求方式
dicQuery://传入字典的请求参数Objec
rules: [//表单校验规则//表单规则,参考ele表单规则配置Object
{
required: true,//是否必填
message: "请输入通知标题",//提示信息
trigger: "blur",//发生失焦事件时触发
}
]
},
]
}
avue中crue表单的属性
于 2021-12-22 11:18:59 首次发布