Как мне заменить значение "Аксиос" для ввода?

Этот код вставляет значение [object Object] в поле Name. Функция getMarkers()- это работа, а функция onMarkerClick()- не работа. Скажи мне, как это исправить?

можно ли взять значение axios из функции getMarkers()? Обновленный и модифицированный код, основанный на комментариях, теперь выглядит следующим образом:

<template>
  <gmap-map
    id="map"
    :center="center"
    :zoom="17"
    @click="addMarker"
  >
    <gmap-info-window
      :options="infoOptions"
      :position="infoWindowPos"
      :opened="infoWinOpen"
      @closeclick="infoWinOpen = false"
    >
      <p>
        Name<input
          id="name"
          v-model="name"
          type="text"
          name="name"
        >
      </p>
    </gmap-info-window>

    <gmap-marker
      v-for="(m, index) in markers"
      :key="index"
      :position="m.position"
      :clickable="true"
      :draggable="false"
      @click="onMarkerClick"
    />
  </gmap-map>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      center: { lat: 45.029373, lng: 38.972687 },
      type: '',
      address: null,
      name: null,
      markers: [],
      infoContent: '',
      infoWindowPos: null,
      infoWinOpen: false,
      infoOptions: {
        pixelOffset: {
          width: 0,
          height: -35
        }
      },
    };
  },
  mounted() {
    const vm = this;
    vm.getMarkers();
  },
  methods: {
    getMarkers() {
      const vm = this;
      axios.get('/api/markers')
        .then(function(response) {
          vm.markers = response.data.data.map(m => {
            return {
              name: m.name,
            };
          });
        });
    },

    onMarkerClick(name) {
      this.name = name;
    },
  }
};
</script>