title: How to get text value of a clicked item in vue.js?
body: <p>Here is the code: </p>
  
  <pre><code>&lt;li v-for="u in usersList"&gt;
      &lt;strong&gt;&lt;a class="username" @click="openChatbox"&gt;${ u } &lt;/a&gt;&lt;/strong&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>and the handling method:</p>
  
  <pre><code>openChatbox: function() {
      target = event.target || event.srcElement;
       this.isOpen = !this.isOpen;
       this.recepient = target.innerHTML
  }, 
  </code></pre>
  
  <p>The problem is that this method sets <code>recepient</code>like <code>&lt;strong&gt;noob&lt;/strong&gt;</code> when <code>u</code> value is <code>noob</code>. How can I get only <code>noob</code>?</p>