avue-crud属性

爱吃甜品的游u

已于 2023-09-09 17:24:27 修改

阅读量2.4k

点赞数 1

文章标签： vue.js

于 2021-11-04 10:01:28 首次发布

本文链接：https://blog.csdn.net/weixin_47736903/article/details/121136330

版权

avue-crud属性

html

<vue-crud :data="data" :option="option" v-model="obj" :before-close="beforeOpen"></vue-crud>

js

    表格属性
    width: “100%”,//表格宽度
    calcHeight: “auto”,//表格高度差（主要用于减去其他部分让表格高度自适应）
    height: “auto”,//表格高度
    maxHeight: “auto”,//表格最大高度
    border: true,//是否显示表格边框
    expand: false,//是否展开折叠行
    index: false,//是否显示表格序号（根据分页会自动计算，比如每页10行，到了第二页就会从11开始记数）
    indexLabel: “#”,//序号的标题
    stripe: true,//是否显示表格的斑马条纹
    showHeader: true,//是否显示表格的表头
    //defaultSort:表格的排序字段{prop:‘date’,order:‘descending/ascending’}prop默认排序字段，order排序方式
    align: “center”,//表格列对其方式left/center/right
    menu: true,//是否显示操作菜单栏
    menuWidth: 240,//操作菜单栏的宽度
    menuAlign: “left”,//菜单栏对齐方式left/center/right
    searchSize: “small”,//搜索控件的大小small/mini
    columnBtn: true,//列显隐按钮
    refreshBtn: true,//刷新按钮
    addBtn: true,//添加按钮
    searchBtn: true,//搜索显隐按钮（当column中有搜索的属性，或则searchslot为true时自定义搜索启动起作用）
    editBtn: true,//行内编辑按钮
    delBtn: true,//行能删除按钮
    列属性
    label:“用户ID”,//列名称
    prop:“id”,//列字段
    placeholder:“请输入租户ID”,//控件提示输入语句
    align:“left”,//列的对其方式，覆盖table的align
    //width://列宽度
    minWidth:“auto”,//列最小宽度
    sortable:false,//排序
    hide:true,//隐藏列 表格起作用
    span:12,//表单栅列
    //precision:2,//数字框输入精度（当type为number时）
    search:false,//是否支持搜索
    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,//冻结列
    formWidth:“auto”,//表单宽度
    formHeight:“auto”,//表单行高度
    overHidden:false,//超出隐藏
    //rules://表单规则,参考ele表单规则配置Object
    //dicData://传入本次需要的静态字典（在column中dicData写对象key值即可加载）
    //dicMethod://传入字典的请求方式
    //dicQuery://传入字典的请求参数Object
    //dicUrl://字典的网络请求接口（例如配置/xxx/xx/{undefined{key}},这样的格式，在column中dicData自动匹配prop字段名）