使用阵列上的axios发送数据时出现问题

Question

我已通过axios在阵列上发送数据（mySplitDays[splitDayIndex]=splitDay），但我有一个错误。。。

components: { VueCal },
data() {
    return {
        users:[],
        mois:[],
        assignments:[],
        selectedEvent: {},
        showDialog: false,
        events: [],//recuperer tache ici
        minCellWidth: 400,
        minSplitWidth: 150,
        splitDays:mySplitDays        
    };
},
async mounted() {
    let response = await axios
    .get(`${process.env.***}/users?role=***&active=***`)
    let mySplitDays = response.data
    for (let splitDayIndex in mySplitDays){
        let splitDay= mySplitDays[splitDayIndex]
        splitDay.class = splitDay.lastname
        splitDay.label = splitDay.lastname
        mySplitDays[splitDayIndex]=splitDay
    }
}

[Vue warn]：数据（）中的错误：“引用错误：未定义mySplitDays”

ReferenceError:未定义mySplitDays

[Vue warn]：呈现错误：“TypeError:无法读取未定义的属性'length'”

TypeError:无法读取Proxy.render（eval at./node_modules/vue loader/lib/template compiler/index.js？{“id”：“data-v-aae30ed8”，“hasScoped”：true，“transformatorequire”：{“video”：[“src”，“poster”]，“source”：“src”，“img”：“src”，“image”：“xlink:href”}，“buble”：{“transforms”：{}}！./node_modules/vue loader/lib/selector.js？type=template

Answer 1

创建组件时，您正试图将mySplitDay分配给数据。在这一点上，没有称为该变量的变量存在。您应该添加一个默认值，如空数组到plitDay。空数组可能是最好的默认值，因为它有一个长度属性，因此如果你在模板的某个地方使用它，它不会导致问题。然后在挂载函数内部将结果从axios分配给数据。