vue3中使用element-plus的el-form遍历表单和表单验证,动态获取ref

vueAPI链接：https://v3.cn.vuejs.org/guide/composition-api-template-refs.html#%E6%A8%A1%E6%9D%BF%E5%BC%95%E7%94%A8

vue3获取动态ref：

<template v-for='(v,index) in state.tasks' :key='"tasks"+index'>
// userWorkFormRefs  一定名字不要写错，要和js中的一致
    <el-form :model="v" :rules="rules" :ref="el => { if (el) userWorkFormRefs[index] = el }"
            label-width="130px" class="week-ruleForm">
                       
    </el-form>
</template>

script:

    setup() {
   
        let rules = reactive({
            thisWeek: [
                {
                    required: true,
                    message: '请填写本周任务