element-ui虽然有el-form组件,但是仍然需要手动写el-form-item。 这里希望进一步抽离配置,在el-form的基础上封装个enhanced-el-form组件。 使用的时候希望这样,不再需要手动写里面的el-form-item: <enhanced-el-form :model="model" :schema="schema" ></enhanced-el-form>复制代码 1. 这边借鉴cube-ui的form...
<el-input type="password" v-model="ruleForm.pass" autocomplete="off"></el-input> </el-form-item> <el-form-item label="确认密码" prop="checkPass"> <el-input type="password" v-model="ruleForm.checkPass" autocomplete="off"></el-input> </el-form-item> ... </el-form> <script> ...
},colOrder: {// 表单字段的排序的依据type:Array,default:() =>[] },formColCount: {// 表单的列数type:Number,default:1},reload: {type:Boolean,// 是否重新加载配置,需要来回取反default:false},itemMeta: {type:Object,// 表单子控件的属性default:() =>{} },ruleMeta: {// 验证信息type:Objec...
<el-form-item :prop="`data.${index}.timeRange.${ind}.time`" :rules="[{ required: true, type: 'array', message: '请选择日期区间', fields: { 0: { type: 'string', required: true, trigger: 'change', message: '请选择开始日期' }, 1: { type: 'string', required: true, trigger...
<el-button type="primary" @click="submitForm" size="small" >保存</el-button > <el-button @click="resetForm" size="small">重置</el-button> </div> </div> </template> <script> export default { props: { // 父组件传递过来的表头的数据 formHeader: { type: Array, default: () =>...
当调试的时候我发现,当前页面的$refs里有2个,而且每个form 都是一个Array(1)的数组,这时候,数组当然没有validate方法,因此报错, image.png 此时的解决办法就直接取数组的第一个出来,便是Form了: typescript下,我试了将泛型改成Array并不成功,后来改成any. ...
type: Array, default: () => [] }, formColCount: { // 表单的列数 type: Number, default: 1 }, reload: { type: Boolean, // 是否重新加载配置,需要来回取反 default: false }, itemMeta: { type: Object, // 表单子控件的属性
*/customerControl:{// 自定义的表单子组件type:Object,defaule:()=>{}},colOrder:{// 表单字段的排序的依据type:Array,default:()=>[]},formColCount:{// 表单的列数type:Number,default:1},reload:{type:Boolean,// 是否重新加载配置,需要来回取反default:false},itemMeta:{type:Object,// 表单子控件...
1:插槽;100-200:保留编号* * value:string:标签;函数:异步组件,类似路由的设置*/customerControl: { // 自定义的表单子组件type: Object,defaule: () => {}},colOrder: { // 表单字段的排序的依据type: Array,default: () => []},formColCount: { // 表单的列数type: Number,default: 1},...
如下图,在el-form中想实现el-tree的校验,elementUI并没有提供相关的示例。 如果是按照通常的方法配置rules,无论是否选择el-tree的选项,都会报错,提示请选择功能权限配置,这说明如果按照这种方法来配置el-tree的rules,是错误的 addRoleFormRules: {permissionIdList: [{ type: 'array', required: true, message: ...