当前位置: 首页 > news >正文

公司网站建设沈阳泸州网站seo

公司网站建设沈阳,泸州网站seo,亚马逊网站怎么做,免费的ps软件问题描述 提示:这里描述项目中遇到的问题: ElementUI el-form表单多层数组的校验 页面效果: 数据结构: addform: {code: ,type: ,value: ,state: 1,remark: ,fieldList: [{fieldCode: ,resolverEntities: [{resolverType: , re…

问题描述

提示:这里描述项目中遇到的问题:

ElementUI el-form表单多层数组的校验


页面效果:

在这里插入图片描述


数据结构:

addform: {code: '',type: '',value: '',state: 1,remark: '',fieldList: [{fieldCode: '',resolverEntities: [{resolverType: '', resolverConfigOne: '', resolverConfigTwo: '' 
}]}]}

HTML:

<el-form ref="addform" :rules="formRules" :model="addform" size="small"><el-form-item label="标识:" prop="code"><el-inputv-model="addform.code"placeholder="请输入"autocomplete="off"clearable/></el-form-item><el-row><el-col :span="8"><el-form-item label="类型:" prop="type"><el-select v-model="addform.type" placeholder="请选择"><el-optionv-for="item in typeOptions":key="item.code":label="item.name":value="item.code"></el-option></el-select></el-form-item></el-col><el-col :span="16"><el-form-item class="state-box" label="状态:" prop="state"><el-switchv-model="addform.state"active-color="#13ce66"inactive-color="#ff4949":active-value="1":inactive-value="2"></el-switch></el-form-item></el-col></el-row><div class="custom-rule-box"><p>自定义解码字段</p><ul><liv-for="(customRuleItem, customRuleIndex) in addform.fieldList":key="customRuleIndex"><el-form-itemclass="field-name"label="字段名:":prop="`fieldList.${customRuleIndex}.fieldCode`":rules="formRules.fieldCode"><el-inputv-model="addform.fieldList[customRuleIndex].fieldCode"placeholder="请输入"autocomplete="off"clearable/></el-form-item><divclass="decode-rule-list"v-for="(decodeRuleItem, decodeRuleIndex) in customRuleItem.resolverEntities":key="decodeRuleIndex"><el-row :gutter="24"><el-col :span="5"><el-form-itemlabel="":prop="`fieldList.${customRuleIndex}.resolverEntities.${decodeRuleIndex}.resolverType`":rules="formRules.resolverType"><el-selectv-model="decodeRuleItem.resolverType"placeholder="请选择"><el-optionv-for="item in decodeRuleOptions":key="item.code":label="item.name":value="item.code"></el-option></el-select></el-form-item></el-col><template v-if="decodeRuleItem.resolverType"><el-col :span="8"><el-form-item:label="computedResolverConfigOneLabel(decodeRuleItem.resolverType)":prop="`fieldList.${customRuleIndex}.resolverEntities.${decodeRuleIndex}.resolverConfigOne`":rules="formRules.resolverConfigOne"><el-inputv-model="decodeRuleItem.resolverConfigOne"placeholder="请输入"autocomplete="off"clearable/></el-form-item></el-col><el-col :span="8"><el-form-item:label="computedResolverConfigTwoLabel(decodeRuleItem.resolverType)":prop="`fieldList.${customRuleIndex}.resolverEntities.${decodeRuleIndex}.resolverConfigTwo`":rules="formRules.resolverConfigTwo"><el-inputv-model="decodeRuleItem.resolverConfigTwo"placeholder="请输入"autocomplete="off"clearable/></el-form-item></el-col></template><el-col :span="3" class="decode-rule-operate"><imgv-if="customRuleItem.resolverEntities.length > 1"src="@/assets/images/common/delete.png"alt=""class="deleteImg"@click="handleDeleteResolver(customRuleIndex, decodeRuleIndex)"/><imgsrc="@/assets/images/common/add.png"alt=""class="addImg"@click="handleAddResolver(customRuleIndex, decodeRuleIndex)"/></el-col></el-row></div></li></ul><div class="add-btn"><imgsrc="@/assets/images/common/add.png"alt=""class="deleteImg"@click="handleAddField"/>新增</div></div></el-form>

总结:

重点在于 el-form-item prop绑定,参考如下示例

:prop=“fieldList.${customRuleIndex}.fieldCode

:prop=“fieldList.${customRuleIndex}.resolverEntities.${decodeRuleIndex}.resolverConfigOne


http://www.khdw.cn/news/11411.html

相关文章:

  • 长宁区网站建设公网站开发流程的8个步骤
  • 刷单网站搭建seo搜索引擎优化工资薪酬
  • 如何用一个域名做多个网站专业的网页制作公司
  • 有没有做美食的网站优化排名软件
  • 河南网站建站系统平台必应搜索引擎国际版
  • 网站建设行业现状中国教师教育培训网
  • 制作微信小程序怎么赚钱郑州百度快照优化排名
  • 西宁网站建设加q479185700如何介绍自己设计的网页
  • 饿了吗网站如何做手机app软件开发
  • 广东品牌网站设计苏州seo招聘
  • 局域网内用自己电脑做网站国产长尾关键词拘挖掘
  • 网上帮人做网站2023最近的新闻大事10条
  • 哪个公司做网站最好深圳百家联盟推广部电话多少
  • 网站建设包括哪些内容上海优化关键词的公司
  • 怎么找网站建设公司百度搜索网站优化
  • 网站标题与关键词百度推广代运营公司
  • 网站导航栏修改字体大小公司网站建设需要多少钱
  • 网站制作的管理深圳建站公司
  • 安装网站提示dir百度云盘网页登录入口
  • 苍南建设网站自己建立网站步骤
  • 网易那个自己做游戏的网站是什么免费的外链平台
  • 网站规划建设实训域名服务器ip查询网站
  • 沈阳网站建设-中国互联厦门seo排名外包
  • 企业网站建设专业精准乙 鸣远科技免费域名解析平台
  • 昆山网站建设官网百度收录入口在哪里
  • 有没有什么网站免费做名片网络营销与推广
  • 江津网站建设口碑阳山网站seo
  • 宝塔怎么做第二个网站用html制作个人网页
  • 新闻网站数据库建设我想做app推广怎么做
  • 网站点击按钮回到页面顶部怎么做媒体公关