Как в Vue подставить значение в input?

Question

[geometria]

Есть такая простая конструкция.
Как по клику вписать "Заголовок"?

<template>
<gmap-map
   id="map"
    :center="center"
    :zoom="17"   
>
 
<gmap-info-window>
<p>Наименование:<input type='text' id='name' v-model="name" name="name"/></p>
</gmap-info-window>

    <gmap-marker
      :clickable="true"
      :draggable="false"
      @click="onMarkerClick"
    ></gmap-marker>

  </gmap-map>
</template>

<script>
onMarkerClick() {
//не работает
    document.getElementById('name').innerHTML = "Заголовок"
           }
</script>

Comments

[Глеб Старков]

У инпута нет innerHtml

[geometria]

Глеб Старков, а как тогда?

[Глеб Старков]

Он должен подставиться сам из data.name

[Глеб Старков]

geometria, Вы должны менять в модели Vue

Answer 1

[0xD34F]

Ну, НАВЕРНОЕ, надо присвоить значение свойству, которое вы указали в v-model.

Comments

[geometria]

Простите. А как это правильно сделать?

[0xD34F]

geometria, ну блин, приплыли. Может, прежде чем за vue браться, стоило освоить js, хоть как-нибудь?

this.name = чё там вам надо

[geometria]

Спасибо