Vuejs получить массивы под массив в выпадающем

Question

У меня есть такие данные

Проблема

Я не могу получить доступ к массиву tubes под моим data

Код

script

data() {
    return {
        types: []
    }
},
methods: {
    handleChange (val) {
        axios.get(`/api/admin/getFromTubes/${val}`)
        .then(res => {
            this.types = res.data.data.tubes;
        })
        .catch(error => {
            console.log(error);
        })
    }
}

template

<el-form-item label="Old Core">
    <el-select style="width: 100%;" filterable clearable v-model="form.old_core_id" placeholder="Select Old Core">
        <el-option
        v-for="cable in types"
        :key="cable.id"
        :label="cable.name"
        :value="cable.id">
            <span style="float: left">
                {{ cable.name }}
            </span>
        </el-option>
    </el-select>
</el-form-item>

Вопрос

Как получить массив tubes в шаблоне выбрать (выпадающий)?

Answer 1

Не должно ли быть:

handleChange (val) {
    axios.get(`/api/admin/getFromTubes/${val}`)
    .then(res => {
        this.types = res.data[0].tubes;
    })
    .catch(error => {
        console.log(error);
    })
}

или на самом деле

this.types = res.data.data[0].tubes;