码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • element 动态渲染form表单,添加验证


    要点  :prop="`subAccountList[${index}].companyName`"

    1. <div
    2. class="form-block son-unit_form"
    3. v-for="(item, index) in form.subAccountList"
    4. :key="index"
    5. >
    6. <div class="del-icon" @click="clickDeleteSonUnit(item, index)">
    7. <el-button
    8. type="info"
    9. icon="el-icon-close"
    10. size="mini"
    11. circle
    12. >el-button>
    13. div>
    14. <el-form-item
    15. :label="`子单位${index + 1}`"
    16. :prop="`subAccountList[${index}].companyName`"
    17. :rules="[
    18. {
    19. required: true,
    20. message: `请输入子单位${index + 1}名称`,
    21. trigger: 'blur',
    22. },
    23. {
    24. min: 1,
    25. max: 30,
    26. message: '单位名称不允许超过30个字',
    27. trigger: ['blur', 'change'],
    28. },
    29. ]"
    30. >
    31. <el-input
    32. v-model="item.companyName"
    33. clearable
    34. maxlength="30"
    35. placeholder="请输入可作为发票抬头的单位名称"
    36. >el-input>
    37. el-form-item>
    38. <el-form-item label="纳税人识别号">
    39. <el-input
    40. v-model="item.taxpayerNumber"
    41. clearable
    42. maxlength="20"
    43. placeholder="请输入纳税人识别号(20位数字或字母)"
    44. >el-input>
    45. el-form-item>
    46. <el-form-item label="开户行:">
    47. <el-input
    48. v-model="item.bankName"
    49. clearable
    50. maxlength="10"
    51. placeholder="请输入开户行(建议精确到分行或支行)"
    52. >el-input>
    53. el-form-item>
    54. <el-form-item label="银行卡号:">
    55. <el-input
    56. v-model="item.bankCardNo"
    57. clearable
    58. maxlength="20"
    59. placeholder="请输入开银行卡号(20位以内的数字)"
    60. >el-input>
    61. el-form-item>
    62. <el-form-item label="电话:">
    63. <el-input
    64. v-model="item.invoicePhoneNumber"
    65. clearable
    66. maxlength="12"
    67. placeholder="请输入电话"
    68. >el-input>
    69. el-form-item>
    70. <el-form-item label="地址:">
    71. <el-input
    72. v-model="item.invoiceAddress"
    73. maxlength="100"
    74. :autosize="{ minRows: 1, maxRows: 4 }"
    75. type="textarea"
    76. placeholder="请输入地址"
    77. >el-input>
    78. el-form-item>
    79. <el-form-item>el-form-item>
    80. div>

  • 相关阅读:
    闭包及底层原理
    操作系统内存管理-01分段
    Pandas统计列NaN值,这4步轻松搞定!
    基于Dockerfile制作镜像
    服务器硬件介绍(2)
    【数据结构初阶】C语言从0到1实现希尔排序
    WPF项目-初步了解数据绑定 binding
    MIPI CSI-2笔记(8) -- Low Level Protocol(同步短包的数据类型编码)
    计算机网络4小时速成:网络安全,被动攻击,主动攻击,对称加密,公钥秘钥,数字签名,鉴别,网络层安全协议IPsec,传输层安全协议SSL,防火墙,入侵检测系统
    力扣刷题(代码回忆录)——回溯算法
  • 原文地址:https://blog.csdn.net/qq_36396822/article/details/126106516
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号