以编程方式触发列表项中的 @click 事件的等效项

Question

在项目列表中（在类星体中是 q 列表）是否可以以编程方式从列表中选择特定项目，例如从按钮？

问题主要在于以编程方式触发列表项中的 @click 事件（或 select 事件，如果 Vue 或 Quasar 中存在）的等效项。

通过以下方式，可以获得要选择的项目，但我认为，不知何故，我将不得不使用组件的“el”

let itemToSelect = 2;

this.item = this.itens.find( (item) => {
     return item.id === itemToSelect                          
})

console.log(this.item);

编辑

为了更好地说明我想要实现的目标： https: //codepen.io/ijose/pen/vYEwazj

Answer 1

通常，要触发在模板中呈现的按钮的单击，您可以在特定按钮上放置一个 ref 并按如下方式调用它：

模板

<button ref="button1" @click="alert"></button>

例如调用

mounted() {
    this.$refs.button1.click();
  },
  methods: {
    alert(){
      alert("hello");
    }
  }