title: VueJS - How to highlight selected button when clicked
body: <p>I have 3 buttons that shows a chart when clicked on it respectively. Here below is the buttons for example:</p>
  <p><a href="https://i.stack.imgur.com/S2Ywl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/S2Ywl.png" alt="enter image description here" /></a></p>
  <p>Whenever the button is clicked respective chart is shown, but I want to keep the button highlighted with red color while the chart is shown.</p>
  <pre><code>&lt;vs-button color=&quot;warning&quot; @click=&quot;chartClick($event, 'chart1')&quot; vs-value=&quot;chart1&quot; v-model=&quot;show&quot;&gt; chart1&lt;/vs-button&gt;
  
  &lt;vs-button color=&quot;warning&quot; @click=&quot;chartClick($event, 'chart2')&quot; vs-value=&quot;chart2&quot; v-model=&quot;show&quot;&gt; chart2 &lt;/vs-button&gt;
  
  &lt;vs-button color=&quot;warning&quot; @click=&quot;chartClick($event, 'chart3')&quot; vs-value=&quot;chart3&quot; v-model=&quot;show&quot;&gt; chart3 &lt;/vs-button&gt;
  
  &lt;script&gt;
  data () {
    return {
      show = false
    }
  },
  mounted (){
    chartClick (chart1)
  },
  methods: {
    chartClick (event, id){
      
      ...
      this.show = true
    }
  }
  &lt;/script&gt;
  </code></pre>
  <p>Please help me in this, i want to know how to highlight the button, when the chart is shown.</p>
  <p>And also i want to know how to display chart1 with button1 (chart1) highlighted when the page is loaded or runned at first.</p>