ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2020-12-16 14:34:34  阅读:1066  来源: 互联网

标签:控件 false 表格 type 表单 auto Avue true 大全


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

标签:控件,false,表格,type,表单,auto,Avue,true,大全
来源: https://www.cnblogs.com/pxuan/p/14143687.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有