循环动态生成的ref表单验证

最新推荐文章于 2024-07-09 15:12:45 发布

北海军

最新推荐文章于 2024-07-09 15:12:45 发布

阅读量742

点赞数

分类专栏： form vue

本文链接：https://blog.csdn.net/qq_39237755/article/details/103522610

版权

本文介绍了如何在Vue.js应用中使用动态生成的ref进行表单验证。通过结合data属性和methods，实现对表单元素的实时验证，确保用户输入的数据有效性和一致性。

摘要由CSDN通过智能技术生成

<div v-for="(item,index) in formData" :key="index">
    <div class="activeForm">{
  {item['title']}}</div>
    <Form :ref="'roleForms' + index" :model="roleForm[index]" :rules="roleFormRules[index]" :label-width="120" class="form">
        <FormItem label="任务指派" class="pl12">
            <Button>选择</Button>
        </FormItem>
        <FormItem label="请选择起止时间" class="pl12" prop="time">
            <DatePicker v-model="roleForm[index].time" placeholder="请选择起止时间" class="w200" type="daterange"></DatePicker>
        </FormItem>
    </Form>
</div>

// data