title: Create a link inside vue bootstrap b-table cell
body: <p>I have a <code>b-table</code> compo</p>
  
  <pre><code>&lt;b-table responsive 
           hover 
           :items="myItems" 
           :fields="myField"&gt;
  </code></pre>
  
  <p>On my items, I return a url from the back-end, so I want to do on my template</p>
  
  <pre><code>&lt;template slot="my-link" slot-scope="data"&gt;
      &lt;a href="data.item.link"&gt;link&lt;/a&gt;
   &lt;/template&gt;
  </code></pre>
  
  <p>The above doesn't work, it renders </p>
  
  <pre><code>&lt;a href="data.item.link"&gt;link&lt;/a&gt;
  </code></pre>
  
  <p>Instead of </p>
  
  <pre><code>&lt;a href="https://mylink.com"&gt;link&lt;/a&gt;
  </code></pre>