访问组件Vue.js列表中的值

我使用Vue.js 3制作了一个调查网页

我有组件（InputDate，InputText，InputNumber，…）

我的代码：

 <form-input :comp="dataValue">
      <component
        :ref="d.type"
        :is="d.type"
        v-for="d in dt"
        :key="d.id"
        :id="d.id"
        :title="d.title"
        :required="d.required"
      ></component>
    </form-input>

如何从所有组件获取所有值以执行提交功能？

更新：

---

我在表单输入组件中有提交按钮来执行提交功能

听起来表单输入组件中应该只有一个提交按钮，作为动态组件的同级，而不是在它里面是的，它存在，但我没有把它放在问题中共享您的完整代码，这是你刚刚漏掉的一大块。您希望这些单独的输入组件如何提交表单？有很多方法可以做到这一点，但表单中的一个提交按钮似乎最适合您的情况。

         {
          id: 'dateInput',
          type: 'InputDate',
          error: 'this field is require',
          title: 'Date of Birth',
          required: true,
          errorMessage: 'Please enter correct date',
        },   
        {
          id: 'father',
          type: 'InputText',
          title: 'Father Name',
          error: 'Please Enter Name',       
          ],
        },
        { 
          id: 'familymember',
          type: 'InputNumber',
          title: 'Number of Member',
          error: 'Please Enter correct number',       
          ],
        },