如何通過引用傳遞vue.js元素實例

Question

好的，這似乎是一個非常簡單的問題，但我無法弄清楚。 我有一個vuejs項目，其中有以下組件代碼：

   <div>
     <v-chip @click="chip_active(// pass the reference //)" 
     color="#E0E0E0" class="white--text" 
     v-for="single_interest in interest" :key="single_interest">
     {{ single_interest }}
     </v-chip>
   </div>

因此，在單擊方法中，我需要更改芯片元素的單個實例（單擊的一個）的屬性顏色，而不是孔v-for芯片的屬性顏色。 為此，我想到了傳遞芯片實例引用並直接從方法中更改屬性顏色的問題，問題是我不知道如何在vuejs上執行此操作。 有人可以幫助我嗎？ 謝謝！

Answer 1

所以我會這樣處理，使問題更加分開

• 在每個芯片上，默認情況下selected結果為false
• 添加一個@click=setSelected(chip)
• 在您的setSelected中，將所選一個的值設置為true，將其他設置為false

如果不想在籌碼上設置值，則還可以保留一個完全獨立的變量，即selectedChip ，該變量保存所選籌碼的值。 然后，您setSelected將更改selectedChip的值。 您還需要將selectedChip傳遞到循環中，以便在選擇了當前芯片的情況下可以處理顯示