menuAlign操作栏按钮的对齐方式stringleft/center/rightcenter selection是否有选择框boolean-false selectableselection为true,控制返回值用来决定这一行的 CheckBox 是否可以勾选function-- selectionWidth选择框列宽度number-50 selectionFixed选择框列是否冻结列 ,true
<template> <avue-crud ref="crud" :data="data" v-model="form" @row-save="rowSave" :before-open="beforeOpen" :before-close="beforeClose" :option="option"> <template #menu-form="{ row, index }"> <el-button type="primary" icon="el-icon-check" plain v-if="type === 'add'" ...
可选值button/icon/text/menu theme 主题颜色配置,属性的组件的默认白色。可选值 dark; qiniu 七牛云配置 ali 阿里云配置 canvas全局水印配置 Avue 提供了大量的二次封装组件,能够很方便地应用到业务中,如 inputTree 树型输入组件: 数组输入组件,能够动态输入多个元素: Avue 还提供了强大的组合组件,如 Form ...
option 设置 menuPosition:'center' 还是在左边 设置menuPosition:'right' 就到右边了
<template slot-scope="{row,index}"slot="menuForm"> <el-button type="primary" icon="el-icon-check" size="small" plain v-show="type === 'add'" >继续添加{{index}}</el-button> </template> </avue-crud> </div> </template> ...
使用avue-form-design生成表单 前言 之前玩一些开源项目的时候有简单接触过可视化表单生成工具,也就是avue-form-design,当时重点都放在服务端了,前端的avue-form-design和avue并没有具体细看,这段时间刚好在搞码帮帮后台系统,于是就用了这个avue和avue-form-design,用的过程中还是有点小失望的,因为之前初略看...
可选值button/icon/text/menu theme 主题颜色配置,属性的组件的默认白色。可选值 dark; qiniu 七牛云配置 ali 阿里云配置 canvas全局水印配置 Avue 提供了大量的二次封装组件,能够很方便地应用到业务中,如 inputTree 树型输入组件: 数组输入组件,能够动态输入多个元素: Avue 还提供了强大的组合组件,如 Form ...
order:19,//form表单排序 searchOrder:19,//搜索表单排序 showColumn:true,//参与自定义列显隐 label:'项目名称', prop:'projectId', required:true, rules: [ { required:true, message:'请选择项目名称' } ] }, 第三步 写自定义列组件 1
<template slot="menuRight"><showHidden:column.sync="option.column":moduleType="102"></showHidden></template> 1. 2. 3. 4. 第二步 准备相应的数据,avue文档中没有写的属性,通过看源码可以知道order 和searchOrder的作用。 {order:19,//form表单排序searchOrder:19,//搜索表单排序showColumn:true,/...
<avue-form-design style="height: 86vh;" :options="options" storage @submit="handleSubmit"></avue-form-design> 属性 参数说明类型默认值 options字段配置Object/String{ column: [] } storage开启本地存储功能,防止浏览器刷新丢失jsonBooleanfalse ...