我正在尝试将vue组件内部的axios请求中的数据附加到v-model，但由于某些原因，它不想加载。。。

<div class="col-lg-6">
    <div>
        <div class="form-group mb-4">
            <label for="section_english_name">Section English Name</label>
            <input v-model="form.section_name_en"  ref="section-name-english" type="text" name="title"  class="form-control" id="section_english_name" >
            <div v-if="form.errors.has('section_name_en')" v-html="form.errors.get('section_name_en')" class="text-danger"/></div>
    </div>
</div>

内部数据（）

data() {
    return {
        addonSection: {},
        addonDetails: [0],
        form: new Form({
            section_name_en: this.addonSection[0].name_en,
            section_name_ar: '',
            quantity: 0,
            addon_select_type: 1,
            hide_addon_item: 1,
            addon_name_en: [],
            addon_name_ar: [],
            price: [],
        })
    }
},

方法：

loadAddonSection () {
    axios.get('/vendor/addons/' + this.addonid + '/edit').then((data) => {
        this.addonSection = data.data;
    })
},

vue data（）甚至没有加载到vue工具栏中我不知道为什么！！

当我注解“this.addonsection[0].name_en”时，它会加载数据，并将其完全更改为字符串，或者当我删除它时