Добавление данных в v-текстовое поле из ответа axios

Question

Как я могу присвоить значение, полученное из axios, v-text-field

У меня есть это в моем шаблоне:

<v-text-field
   v-model="name"
   label="Name"></v-text-field>

    <script>
    import axios from 'axios';

    export default {
      data() {
        return {
          name: '' // <= how will I assign the value here from axios response?
        }
      },
      asyncData ({ params }) {
        return axios.get(`my-url`)
        .then((response) => {
          return { user: response.data.data.results[0] };
        });
      }
    }
</script>

Answer 1

Как насчет использования created крючка?

created() {
   this.name = this.user.name
}

Answer 2

Я предполагаю, что вы используете NUXT (из метода asyncData).

Данные, возвращаемые методом asyncData, объединяются с данными вашего компонента.

Вы должны сделать следующее:

<template>
    <v-text-field
            v-model="name"
            label="Name"></v-text-field>
</template>

<script>
    import axios from 'axios';

    export default {
        data() {
            return {}
        },
        asyncData ({ params }) {
            return axios.get(`my-url`).then((response) => {
                return { name: response.data.data.results[0].name };
            })
        }
    }
</script>