title: How to fill a b-table whit v-slot:cell() template Vue,js - BootstrapVue
body: <p>The thing is that I make a table, filled with a REST api, here's the code</p>
  
  <pre><code>&lt;template v-slot:cell(action)="{ products }"&gt;
    &lt;div class="container"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col text-left"&gt;
          &lt;h2&gt;List&lt;/h2&gt;
  
          &lt;div class="col-md-12"&gt;
            &lt;b-table striped hover :items="products" :fields="fields"&gt;&lt;/b-table&gt;
  
            &lt;template v-slot:cell(action)&gt;
              &lt;b-button size="sm" variant="primary"&gt;Edit&lt;/b-button&gt;
              &lt;b-button size="sm" variant="danger"&gt;Delete&lt;/b-button&gt;
            &lt;/template&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import axios from "axios";
  
  export default {
    data() {
      return {
        fields: [
          { key: "name", label: "Title" },
          { key: "desc", label: "Desc" },
          { key: "action", label: "" }
        ],
        products: []
      };
    },
    methods: {
      getProducts() {
        const path = "http://127.0.0.1:8000/api/v1.0/products/";
        axios
          .get(path)
          .then(response =&gt; {
            this.products = response.data;
          })
          .catch(error =&gt; console.log(error));
      }
    },
    created() {
      this.getProducts();
    }
  };
  &lt;/script&gt;
  
  </code></pre>
  
  <p>But the problem comes when I try to fill a column with Delete/Edit bootstrap buttons. I don't know why it happens and how to solve it with the Vue.js recently version</p>