Javascript 单击VueJS后将元素推送到新阵列？

我有一个数组，我正在循环并输出文本。我正在尝试创建一个onClick方法，通过该方法，无论我单击什么文本，它都会按单击顺序推送到一个新数组

这是我的样品

以下是我的代码设置：-

<div id="app">
   <v-app>
     <div v-for= "(item,index) in items" :key="item">
       <span class="title" @click="onSelect">{{item.text}}</span>
    </div>
  </v-app>
</div>

---

任何帮助都将不胜感激。多谢各位

您可以将函数作为单击处理程序传递，并传递项目：

<div id="app">
  <v-app>
    <div v-for="(item, index) in items" :key="item">
      <span class="title" @click="() => onSelect(item)">{{item.text}}</span>
    </div>
  </v-app>
</div>

---

希望这有帮助。

您可以将函数作为单击处理程序传递，并传递以下项目：

<div id="app">
  <v-app>
    <div v-for="(item, index) in items" :key="item">
      <span class="title" @click="() => onSelect(item)">{{item.text}}</span>
    </div>
  </v-app>
</div>

希望这有帮助

new Vue({
  el: '#app',
  data() {
    return {
      items: [
        { text: 'foo', value: 'bar' },
        { text: 'bar', value: 'biz' },
        { text: 'buzz', value: 'buzz'}
      ],
      clickedItems: []
    }
  },
  methods: {
    onSelect(item) {
      this.clickedItems.push(item)
      console.log(this.clickedItems)
    }
  }
})