如何从 axios 检索数据并将其填充到 Vue.js 中的编辑表单（选择选项）中？

Question

我有一个表单，可以编辑用户。为此，axios 检索用户对象的数据（通过 id）并显示在输入字段中。输入字段和日期选择器没有问题 - 因此显示信息。但数据未显示在选择字段中。我想显示之前选择的选项（我有另一个表单，您可以在其中创建用户。用户的ID是通过props传递的。），但出现错误如下：[Vue warn]: Property or method "bundeslaender" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.我得到同样的错误vorgesetzten。还应该可以更改选定的选项。

Answer 1

您没有在数据部分定义bundeslaenderand 。vorgesetzten

应该是这样的：

data() {

    return {

      BenutzerID: null,  

      bundeslaender: [],

      vorgesetzten: [],

      Benutzer: {

        Benutzername: "",

        Passwort: "",

        Vorname: "",

        Nachname: "",

        Geburtsdatum: "",

        Email: "",

        Eintrittsdatum: "",

        bundesland: "",

        istAdmin: false,

        istVorgesetzter: false,

        Vorgesetzter: ""

      }

    };