如何在 vue.js 中获取点击项目的文本值？

Question

这是代码：

<li v-for="u in usersList">
    <strong><a class="username" @click="openChatbox">${ u } </a></strong>
</li>

及处理方法：

openChatbox: function() {
    target = event.target || event.srcElement;
     this.isOpen = !this.isOpen;
     this.recepient = target.innerHTML
}, 

问题是这个方法的设置recepient就像value 为 时<strong>noob</strong>一样。我怎样才能得到唯一？unoobnoob

Answer 1

您可以在方法中像下面这样传递用户：

<li v-for="u in usersList">
    <strong><a class="username" @click="openChatbox(u)">${ u } </a></strong>
</li>

并在这样的方法中使用它：

openChatbox: function(user) {
   //use user here
},