Here is the code:

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

and the handling method:

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

The problem is that this method sets recepientlike <strong>noob</strong> when u value is noob. How can I get only noob?

Here is the code:

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

and the handling method:

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

The problem is that this method sets recepientlike <strong>noob</strong> when u value is noob. How can I get only noob?

• javascript
• vue.js

Share Improve this question Follow edited Mar 14, 2017 at 6:29 Karlom asked Mar 14, 2017 at 6:23 KarlomKarlom 14.9k2929 gold badges7878 silver badges118118 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

You can pass the user like following in the method:

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

and use it in method like this:

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