Vee-validate的USEFieldArray仅与解构一起使用

Question

对所有人来说，美好的一天，

有人可以向我解释为什么Vee-validates useFieldArray才能在我解构时正确工作吗？

模板：

        // For the working example I use "fields" instead of fieldArray.fields.
        // Nothing more, nothing less
        <div v-for="(field, idx) in fieldArray.fields" 
             class="d-flex justify-content-between align-items-center">
            <div>
                <FormControl :id="`${props.type}[${idx}].name`"></FormControl>
            </div>
            <div>
                <Checkbox :id="`${props.type}[${idx}].value`"></Checkbox>
            </div>
        </div>

工作：

const form = useForm({initialValues: {[props.type]: getInitialFormValues()}});
const {fields, push} = useFieldArray(props.type)

不工作：

const form = useForm({initialValues: {[props.type]: getInitialFormValues()}});
const fieldArray = useFieldArray(props.type)

谢谢您！

Answer 1

我想，如果您不解构对象，则需要包装值（）。

尝试此

const form = useForm({initialValues: {[props.type]: getInitialFormValues()}});

更改为

import { ref } from 'vue';

const form = ref(useForm({initialValues: {[props.type]: getInitialFormValues()}}));

（对于Vue＆gt; = 3）