title: V-for with template
body: <p>I am using vue-bootstrap. I try to create dynamic a grid component that gets headers and datas. Since we will not know how many column passed to the component, we should check every item that are passed.</p>
  
  <pre><code>&lt;template&gt;
      &lt;b-table striped hover :items="items"&gt;&lt;/b-table&gt;
          &lt;div v-for="title in items"&gt;
            &lt;template slot="title.key" slot-scope="data"&gt;
              &lt;input v-if="title.isActive" type="text" v-model="data.value"&gt;
              &lt;textarea v-else type="text" v-model="data.value"&gt;&lt;/textarea&gt;
            &lt;/template&gt;
          &lt;/div&gt;
     &lt;/b-table&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  const items =[
        {'label': 'Description', 'key': 'description'},
        {'label': 'Name',  'key': 'name', 'isActive': true},
      ]
  </code></pre>
  
  <p>So, if isActive is true, then this template should be textarea(Column should be changed with textarea instead of input) However it is not working and no columns changed neither inputbox nor textarea and stay default template</p>
  
  <p>Could you please help on these question. </p>
  
  <p>Thank you</p>