Программно вызвать эквивалент события @click в элементе списка

Question

В списке элементов (в квазаре q-list) можно программно выбрать конкретный элемент из списка, например, с помощью кнопки?

Проблема заключается в основном программным образом вызвать эквивалент события @click в элементе списка (или события select, если оно существует в Vue или Quasar).

Следующим способом можно получить элемент для выбора, но я думаю, что каким-то образом мне придется использовать 'el' компонента

let itemToSelect = 2;

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

console.log(this.item);

EDITED

Чтобы лучше проиллюстрировать, чего я хочу достичь: https://codepen.io/ijose/pen/vYEwazj

Answer 1

Обычно, чтобы вызвать нажатие кнопки, отображаемой в шаблоне, вы указываете ссылку на указанную кнопку c и называете ее так:

template

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

звонок например

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