• Avue前端控件大全和表格属性


    https://avuejs.com/doc/crud/crud-doc
    https://www.bookstack.cn/read/avue-2.x/391487d752fdf241.md


    表格属性

       “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
      //列宽度
      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,//表单编辑是否可见
      display:false, //隐藏表单
      slot:false,//列自定义 支持自定义列
      formslot:false,//表单自定义
      fixed:true,//冻结列
      ormWidth:“auto”,//表单宽度
      formHeight:“auto”,//表单行高度
      overHidden:false,//超出隐藏
      rules://表单规则,参考ele表单规则配置Object
      dicData://传入本次需要的静态字典(在column中dicData写对象key值即可加载)
      dicMethod://传入字典的请求方式
      dicQuery://传入字典的请求参数Object
      dicUrl://字典的网络请求接口(例如配置/xxx/xx/{{key}},这样的格式,在column中dicData自动匹配prop字段名)

  • 相关阅读:
    JavaScript模块化CommonJS/AMD/CMD/UMD/ES6Module的区别
    css属性position: static|relative|absolute|fixed|sticky简单解析
    创建自己的library类库包并使用webpack4.x打包发布到npm
    webpack4与babel配合使es6代码可运行于低版本浏览器
    css设置多列等高布局
    css选择器+、~、>
    将已经存在的异步请求callback转换为同步promise
    js属性对象的propertyIsEnumerable方法
    js中的严格模式和非严格模式的比较
    js将某个值转换为String字符串类型或转换为Number数字类型
  • 原文地址:https://www.cnblogs.com/pxuan/p/14143687.html
Copyright © 2020-2023  润新知