iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >关于表单组件el-form中的prop的作用
  • 481
分享到

关于表单组件el-form中的prop的作用

2024-04-02 19:04:59 481人浏览 薄情痞子
摘要

目录表单组件el-fORM中prop的作用el-form-item 设置prop报错表单组件el-form中prop的作用 prop就是一个表单规则中的一个属性 如图: 表单规则和

表单组件el-form中prop的作用

prop就是一个表单规则中的一个属性

如图:

表单规则和表单数据其实可以是相同的。

el-form-item 设置prop报错

please transfer a valid prop path to form item!

官方解释:

https://GitHub.com/ElemeFE/element/issues/2327

但是真实的情况是:

<template v-for="(person,index) in Form.List">
    <el-form-item :prop="'List.'+index + '.code'" :key="person.key" :rules="rules">
        <el-input v-model="person.code"></el-input>
    </el-form-item>
    <el-form-item prop="name">
        <el-input v-model="person.name"></el-input>
    </el-form-item>
    <el-button @click="removeDomain(index)" size="small">-</el-button>
</template>

el-form-item 里面的循环prop名字,需要 和form中list的名字一致,这样才能确保组件的统一性。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: 关于表单组件el-form中的prop的作用

本文链接: https://www.lsjlt.com/news/149461.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作