Javascript 从标记中获取内容并将其保存在vue变量中的最有效方法

我在vue中有这个代码

<ul>
      <li v-for="exchange in finalExchanges"><button class="resultBtn"> {{exchange}} <hr></button></li>
</ul>

---

我很想知道，获取用户单击的{exchange}并将其保存在变量中的最有效方法是什么。我假设有很多方法，比如使用document.getElementById（），也可能有vue方法，但考虑到它的未来证明，我正在寻找一种有效的方法来实现这一点。非常感谢您的任何意见

如果您的数据中有一些变量，如“selectedExchange”，并且您希望将单击的exchange分配给该变量，则只需添加到按钮：

<button @click="selectedExchange = exchange"...>

---

如果您的数据中有一些变量，如“selectedExchange”，并且您希望将单击的exchange分配给该变量，则只需添加到按钮：

<button @click="selectedExchange = exchange"...>

我同意这个解决方案。 如果需要存储，首先在数据中添加currentExchange变量

data () {
 return {
  exchanges,
  msg: 'Exchange',
  search: '',
  currentExchange: null
}

}

然后在传递当前exchangeValue的按钮中添加事件处理程序

<button class="resultBtn" v-on:click="handlerFunc(exchange)"> {{exchange}}<hr></button>

我同意这个解决方案。 如果需要存储，首先在数据中添加currentExchange变量

data () {
 return {
  exchanges,
  msg: 'Exchange',
  search: '',
  currentExchange: null
}

}

然后在传递当前exchangeValue的按钮中添加事件处理程序

<button class="resultBtn" v-on:click="handlerFunc(exchange)"> {{exchange}}<hr></button>

---

他的方法看起来更简单，但你的方法似乎与他的没有太大区别，我已经实现了他的功能，但你能告诉我为什么你认为你的解决方案比他的好吗？他的方法看起来更简单，但你的方法似乎与他的没有太大区别，我已经实现了他的功能，但是你能告诉我为什么你认为你的解决方案比他的更好吗？

methods:{
handlerFunc(exchange) {
  // assign it to data if needed
  this.currentExchange = exchange
  // do your stuff...
}