Avue Crud组件属性说明
Avue Crud组件属性说明
表格配置
option:{title:'表格的标题',align:'center', // 表格列齐方式(left,right,center)menuAlign:'center', // 菜单栏对齐方式(left,right,center)emptyText: '自定义暂无数据提示语',//当没数据时显示的提示语viewBtn:true,//在表中显示查看按钮columnBtn:false, //是否显示列动态显隐按钮refreshBtn:false, // 是否显示刷新按钮saveBtn:false, // 是否显示保存按钮;updateBtn:false, // 是否显示更新按钮cancelBtn:false, // 是否显示行编辑取消按钮addBtn:false, // 是否显示表格新增按钮delBtn:false, // 是否显示行删除按钮editBtn:false, // 是否显示行编辑按钮
}
表格属性
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,//行能删除按钮
列属性
column:[{label:'姓名',prop:'name',slot:true, // 自定义列formslot:true // 自定义表单},{label:'性别',prop:'sex'},{label: "日期",prop: "date",type: "date",format: "yyyy-MM-dd hh:mm:ss",//hh表示12小时制 HH表示24小时制valueFormat: "yyyy-MM-dd hh:mm:ss",}]//以下属性都可以在column里面的每个对象里面进行配置
label:“租户ID”,//列名称
prop:“id”,//列字段
placeholder:“请输入租户ID”,//控件提示输入语句
align:“left”,//列的对其方式,覆盖table的align
width://列宽度
minWidth:“auto”,//列最小宽度
sortable:false,//排序
hide:true,//隐藏列 表格起作用
span:12,//表单栅列
searchMenuSpan:8,//共24,设置为8每行能展示三个搜索信息框
prcision: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,输入的文字多余4行时显示滚动框,行高还是为4行不会撑开更多)
minRows:2,//最小行高(当type为textarea)
maxlength:100,//输入框限制输入最大长度(当超出设置长度时,输入文字不会在页面上显示)
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:[{required:true,//是否必填message:'请输入xx',//当选项为必填时,所输入为空的提示语trigger:'click',//怎样触发(click,blur)
}] //更多表单规则,参考ele表单规则配置Object
分页配置
page: {pageSize: 10,currentPage: 1,total: 0},
Avue Crud组件属性说明相关推荐
- AVUE crud upload组件示例
在项目中使用avue crud组件,其中用到了upload组件. 官网中关于upload的解释非常简单,需要仔细阅读参数配置含义. 给出示例: 表banner(轮播横幅图表)使用avue进行CRUD操 ...
- Qt Creator设置3D组件属性
Qt Creator设置3D组件属性 设置3D组件属性 设置节点的不透明度和可见性 管理3D转换 设置3D组件属性 该组元件是一个节点可以被用于包装其它目的为将它们分组的目的的类型.这使您可以同时在& ...
- 五、Web App 基础可视组件属性(IVX 快速开发教程)
五.基础可视组件属性 在 iVX 中各个组件存在不同的属性,这些属性用于设置显示的样式或者是自身具备的特征等,通过更改这些属性可以极大的方便我们进行项目的创作. 大多数组件都拥有相同的属性,相同属性在 ...
- Vue父组件访问子组件属性和方法、父子组件双向绑定(两种方法)
Vue父组件访问子组件属性和方法.父子组件双向绑定(两种方法) 1. 使用vue-cli创建项目 目录结构如下图: 2. 编写代码 src/components/HelloWorld.vue < ...
- cocos creator 学习随笔 day03 节点和组件属性
目录 节点本身属性 控件属性 场景 空节点 3D对象 2D对象 UI组件 光线 特效 摄像机 地形 节点本身属性 第一栏为节点名,可修改,前面得勾,是表示是否使用该节点,去掉代表隐藏该节点,但是该节点 ...
- PyQt(Python+Qt)入门:Designer组件属性编辑界面中QWidget类相关属性详解
本文适用人员:本文比较长,适合不理解Qt Designer部件属性的人员阅读或资料查找. 声明: 1.如果有人认为本文是简单的复制粘贴+翻译而成,敬请读本文最后的后记: 2.本文为老猿Python学习 ...
- C++ Builder组件属性详解
尽管C++Builder的组件种类繁多,每种组件又都有许多不同的属性,但是在这些众多的属性中有相当一部分是大多数组件所共有的.因此我们应当主要掌握这些共有组件. 在设计时设置属性一般是通过属性窗口来进 ...
- storybook组件属性详解:组件props到strorybook Args
首先我们查看官方文档:ArgsTable 官方的例子么有看到v-model如何处理,数组.对象等复杂属性定义. 这里一个是props的定义,一个是Controls 先看一下官方文档,Controls ...
- Vue第四章 过滤器、组件、插槽、props组件属性、生命周期、监听器(内含详细代码解释)
目录 一.过滤器 二.组件 三.插槽 四.props组件属性 五.生命周期 六.监听器 每日一句 一.过滤器 新的配置项 filters: 用于存放过滤器, 配合 {{ value | 过滤器 }} ...
最新文章
- javaScript由哪些部分组成?
- struts2 action之间参数的传递
- LeetCode 第 187 场周赛(1336/3107,前43.0%)
- id vue2路由传参_Vue2.0中 $route 和 $router 的区别
- PHP获取当月天数,获取当月的每天的开始和结束的时间戳,获取当月每号
- 亚信安全携五大创新安全方案,发布AI²亚信安全智能框架
- UTF-8 编码里,一个汉字占用多少个字节 -转
- sendevent/getevent模拟Power键
- Markdown语法 (中文版)
- Mifare Classic Tool(MCT)汉化版
- 【Mathematica】 曲面的绘制
- 如何搞懂html+php实现个人博客网站?【附代码详解】毕业设计 大作业项目
- 我国电子商务发展的进化策略
- 增强型GaN器件的驱动电路
- 【网络】计算机网络-数据链路层 Data Link Layer
- Spring Boot Spring Cloud 区分 开发环境 测试环境 预发布环境(灰度环境) 正式环境
- NETDMIS5.0三个面基准建立坐标系2023
- python基础-15-列表推导式
- python的分支语句if基本用法
- 如何控制QQ好友访问空间?
热门文章
- {精华导航专用贴}软件动态与下载精华导航——{7月17日更新}
- 金融帝国实验室(Capitalism Lab)官方正版游戏『最新销售政策』
- API管理神器—Apipost
- java植物大战僵尸游戏下载安装_用 Java 写一个植物大战僵尸简易版
- 2022-2027年中国锅炉改造维修行业市场调查研究及发展战略研究报告
- ADS129X芯片中文资料(三)——数字功能部分介绍
- python模拟登录抖音_利用 mitmproxy 实现抖音 Cookie,设备 ID 获取 (一)
- 计算机操作员标准,计算机操作员职业标准.doc
- 2022年信息学部物联网工程学院学生科协第一次网页大培训
- 无人机送快递是噱头还是方向? 实现智慧物流还需时日