title: How to get item value in v-slot:cell() template of b-table - BootstrapVue
body: <p>I'm a very new at programming. I'm trying to figure it out how to bind the data to get the link :href work using store, vuex and bootstrap-vue table. I have spent 4 days for this, and now I'm dying. Please help.</p>
  
  <p>books.js(store, vuex)</p>
  
  <pre><code>books: [
      {
        id: 1,
        name: "name 1",
        bookTitle: "book1",
        thumbnail: '../../assets/img/book01.jpeg',
        url: "https://www.google.com",
        regDate: '2019-10'
      },
      {
         id: 2,
        name: "name2",
        bookTitle: "book2",
        thumbnail: "book2",
        url: "http://www.yahoo.com",
        regDate: '2019-10'
      },
  </code></pre>
  
  <p>BookList.vue
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
  export default {
    name: "BookList",
    components: {
    },
    computed: {
      fields() {
        return this.$store.state.fields
      },
      books() {
        return this.$store.state.books
      },
      bookUrl() {
        return this.$store.state.books.url
      }
    },
    data() {
      return {
        itemFields: this.$store.state.fields,
        items: this.$store.state.books,
        //url: this.$store.state.books.url
      }
    }
  
  };
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;b-container&gt;
      &lt;b-table striped hover :items="items" :fields="itemFields" &gt;
        &lt;template v-slot:cell(thumbnail)="items"&gt;
            &lt;img src="" alt="image"&gt;
        &lt;/template&gt;
        &lt;template v-slot:cell(url)="items"&gt;
            &lt;b-link :href="bookUrl" &gt;link&lt;/b-link&gt;
        &lt;/template&gt;
      &lt;/b-table&gt;
    &lt;/b-container&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>