Vue.js Как получить свойство объекта массива по клику?

Question

[Дмитрий]

Доброго времени суток, друзья.
Прошу вашей помощи в решении вопроса:

На странице через v-for выводятся несколько элементов, как динамически, по клику на одном из них получить его свойство, допустим title?

html:

<div v-for="product in products">
    <div>
        <div> {{ product.title }} </div>
        <div> {{ product.description }} </div>
        <div>
            <button @click="add">click</button>
        </div>
    </div>
</div>

js:

data: {
        products: [
            { title: 'product one', description: 'description for one product' },
            { title: 'product two', description: 'description for two product' }
        ],
    }

Answer 1

[0xD34F]

<button @click="onClick(product)">click me</button>

methods: {
  onClick(item) {
    console.log(item.title);
  },
},

Comments

[Дмитрий]

Большое спасибо!