javascript - 如何在 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喜欢<strong>noob</strong>什么时候u值为 noob .我怎样才能得到 noob ？

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
},