首页 > 其他分享 >elementui plus 动态form表单添加表单项和动态的验证规则

elementui plus 动态form表单添加表单项和动态的验证规则

时间:2022-11-25 17:46:54浏览次数:49  
标签:form elementui item params plus 动态

<el-form :model="state" validate-on-rule-change="false">
    <el-form-item
      :key="item.key"
      :label="item.field"
      :prop=//这里要使用:数据集合list.index.input组件绑定的值的名称的方式去添加prop,例如:"'params.' + idx + '.code'"
      :rules="
        !item.empty
          ? { required: false }
          : {
              required: true,
              message: `${item.field}不为空`,
              trigger: 'blur',
              validator: validateNull
            }
      "
    >
      <el-input v-model="item.code" :disabled="pageType === 'info'" :placeholder="item.field" />
    </el-form-item>
</el-form>
            
<script setup lang="ts">
            
state.params = props.info.params?.map((item: any) => {
      return {
        key: Date.now(),
        field: item.name,
        code: item.value,
        ...item
      }
    })
</script>

 

标签:form,elementui,item,params,plus,动态
From: https://www.cnblogs.com/llcdbk/p/16925877.html

相关文章

  • 动态规划
    动态规划首先,动态规划问题的一般形式就是求最值。既然是要求最值,核心问题是什么呢?求解动态规划的核心问题是穷举。因为要求最值,肯定要把所有可行的答案穷举出来,然后......
  • Dubbo 动态配置中心
    ##前言大家好,今天开始给大家分享—Dubbo专题之Dubbo动态配置中心。在前一个章节中我们介绍了Dubbo中的注册中心以及多种不同的注册中心实现,我们在这个章节会介绍Du......
  • winform在窗体初始化时绘制控件一直绘制不上问题
    最近在做一个功能,大概是:点击单元格,然后打开一个窗体,在窗体打开时,要把单元格中的内容绘制在窗体的picturebox控件上。我在构造函数,load、actived、shown等事件中都......
  • 4-3 基于缓存 + Node 多进程实现动态命令加载和执行
    1node多进程开发1.1进程(在操作系统中如何查看进程的嵌套关系)官方文档1.什么是进程(Process)进程是计算现中的程序关于某数据集合上的一次运行活动,是系统进行资......
  • 1001. A+B Format (20)
    1001.A+BFormat(20)时间限制400ms内存限制65536kB代码长度限制16000B判题程序Standar......
  • 用C# + Winform 做一个简易的游戏设计器。
    ---title:c#GameDesigner2description:published:truedate:2022-10-05T12:14:46.146Ztags:editor:markdowndateCreated:2022-10-05T07:57:15.455Z---#地......
  • vue添加动态表格
    一、应用场景动态添加指定行数数据<template><el-dialog:title="!dataForm.activityId?'新增':'修改'":close-on-click-modal="false":visible.sync="visi......
  • 动态规划篇——DP问题
    动态规划篇——DP问题本次我们介绍动态规划篇的DP问题,我们会从下面几个角度来介绍:区间DP计数DP树状DP记忆化搜索区间DP我们通过一个案例来讲解区间DP:/*题目展示*......
  • 关于代码添加ui控件代码修改recttransform的问题探索
    问题起因:我通过代码添加了预制体发现位置不对,看不见了,通过检查器看到x和y为-115,-351,发现修改pos没有任何作用U7JZ{0~OM61W`J_5M7DKVC3.png但是发现并没有......
  • AntdFormBattle
    v3缘起1亿年没写缘起了,但这次我一定要写。Form表单,让我的眼泪流尽了。数据交互方面,和React的Hooks还是有点小坑的,尤其是初始化的时候。昨天碰到的问题是,初始化之后,输入......