我創建了一個動態按鈕列表，其中包含音樂流派。當用戶單擊按鈕類型（例如：流行音樂）時，我需要搜索與該類型匹配的媒體。用戶可以選擇超過 1 個按鈕。所以，也許他們想看到流行、搖滾和說唱音樂流派。我的問題是，我似乎無法找到一種方法從我的按鈕中獲取按鈕的流派（流行、搖滾、說唱等）index.html并將其發送到我的 VueJS 來重新執行搜索。這是我的script.js，也是我現在正在嘗試實施的方法。不幸的是，它只打印出來undefined：// Get Selected GenresgetGenre(value) {  alert('Hello ' + this.value); // trying to print out Pop, Rock, Rap, etc.}我在 中嘗試了以下操作index.html，我試圖將值傳遞給 getGenre 函數，但它只會使網頁無法加載。我也嘗試過不使用{{ }}，但它只打印undefined.<li v-for="buttons in buttonsList" style="display: inline;">    <button v-if="ShowALLButton" v-on:click="getGenre({{buttons}})" class = "btn" style="border: 2px solid darkgrey; margin:2px;">{{ buttons }}</button></li>我也嘗試過script.js：// Get Selected GenresgetGenre: function(event) {  alert('Hello ' + this.value);}以及在我的 中index.html，我嘗試將值設置為buttons（帶和不帶 {{ }}），但它打印undefined。<li v-for="buttons in buttonsList" style="display: inline;">    <button v-if="ShowALLButton" v-on:click="getGenre()" value="buttons" class = "btn" style="border: 2px solid darkgrey; margin:2px;">{{ buttons }}</button></li>基本上，我需要知道按鈕的值是什么，以便我可以重新進行搜索并僅顯示所選類型的媒體，但我在 VueJS 語法方面遇到了困難。我怎樣才能做到這一點？