前提・実現したいこと
(1) は items の一覧を表示させることが出来ています。
(2) は何も表示されません。<tr><td>を使って直接要素を指定したいのですが、どのように書けばよいでしょうか。
https://jsfiddle.net/zwhbduqh/6/
html
1<div id="app"> 2 <template> 3 <!-- (1) 表示される --> 4 <h1>(1)</h1> 5 <b-table striped hover :items="items"></b-table> 6 7 <!-- (2) 表示されない --> 8 <h1>(2)</h1> 9 <b-table striped hover> 10 <tr> 11 <td>name</td><td>tanaka</td> 12 <td>age</td><td>99</td> 13 </tr> 14 </b-table> 15 16 </template> 17</div>
main.js
1const items = [ 2 { age: 40, first_name: 'Dickerson', last_name: 'Macdonald' }, 3 { age: 21, first_name: 'Larsen', last_name: 'Shaw' }, 4 { age: 89, first_name: 'Geneva', last_name: 'Wilson' }, 5 { age: 38, first_name: 'Jami', last_name: 'Carney' } 6] 7 8new Vue({ 9 el: '#app', 10 data () { 11 return { 12 items: items 13 } 14 } 15})
補足情報(FW/ツールのバージョンなど)
- Vue 2.5.2
- bootstrap-vue@2.0.0-rc.8
- webpack@^3.6.0
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。