Присвоить значение input

Question

<input v-model="fio_child">

<script>
    export default {
        data() {
            return{
              data: {},
              fio_child: '',
           }
        },
    created(){
        this.get();
    },
    methods: {
        get(){
            axios.post('api/get').then(response => {
                this.data = response.data
            })
        },
    }
</script>

При выводе {{ data.fio_child }} показывает значение Alex

Как мне сразу присвоить значение input ?

Answer 1

Если правильно понял, можно так:

new Vue({
  el: "#app",
  data() {
    return {
      data: {},
    }
  },
  created() {
    this.get();
  },
  methods: {
    get() {
      // при условии что приходит объект
      /*axios.post('api/get').then(response => {
          this.data = response.data
      })*/
      // для примера
      this.data = {
        fio_child: 'Alex',
        time: '8.09.2020'
      }
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<div id="app">
  <div v-if="data">
    <input v-model="data.fio_child">
    <hr> {{ data }}
   </div>
</div>

БЛОГ НА HUSL

Присвоить значение input

Ответы (1 шт):