title: Vue.js How to concatenate a string with a method in img src
body: <p>So this is my HTML:</p>
  <pre><code>&lt;img v-bind:src=&quot;'@/assets/'+imgUrl()+'.png'&quot; alt=&quot;thumbs-Up&quot; id=&quot;thumbsUp&quot;&gt; 
  </code></pre>
  <p>And this is the script:</p>
  <pre><code>import axios from 'axios'
  export default {
      data(){
          return{
              status:''
          }
      },
      methods: {
          getStatus(){
              axios.get('/api/health')
              .then(response =&gt; this.status = response.data.status)
              .catch(err =&gt; console.log(err.message))
          },
  
          imgUrl(){
              if (this.status =='UP')
              return &quot;thumbsUp&quot;
              else
              return &quot;thumbsDown&quot;
          }
    }
  }
  </code></pre>
  <p>The output is the alternative text, even if I got the right path
  http://localhost:8080/@/assets/thumbsUp.png</p>