Как выбрать текст и занести его в инпут?

Question

[Anton8989]

Доброе время суток, есть такая задача, помогите пожалуйста решить, есть список товаров, который выведен на странице через for, при клике на название товара, его нужно занести в инпут, если кликнуть на другой товар, то название в инпуте поменяется на другое))

<div>
	  <input type="text" >

	 <div v-for="phone in phones">
	    {{phone}}
	  </div>

	</div>

    export default {
        data() {
          return {
              phones: ['iPhone 7', 'Galaxy S8', 'Nokia N8', 'Xiaomi Mi6']
			}
        },

Answer 1

[Олег Колтунов]

<input type="text" v-model="inputPhone">

<div v-for="phone in phones" @click="inputPhone = phone">
      {{phone}}
</div>

Comments

[origami1024]

v-model для максимальной интерактивности?)