代碼如下:Vue.component('child-i',{
props:['msg','datato'],
template:'<h1>{{msg.title}}</h1>'+
'<table>'+
'<tbody>'+
'<tr v-for="to in todata" :datato="to">'+
'<td>{{datato.tile1}}</td>'+
'<td>{{datato.tile2}}</td>'+
'<td>{{datato.tile3}}</td>'+
'</tr>'+
'</tbody>'+
'</thead>'
});第二段代碼var datas = new Vue({el:"#app",data:{ parameter:{title:"hello vue js"}, todata:[{ tile1:"aaa", tile2:"www", tile3:"sss", },{ tile1:"aaa", tile2:"www", tile3:"sss", },{ tile1:"aaa", tile2:"www", tile3:"sss", }]}});HTML<div id="app" >
<child-i :msg="parameter"></child-i></div>其實我想做的很簡單,就是想通過v-for指令,在子組件內(nèi)部動態(tài)構造出一組tr和td的表格標簽,我在運行的時候瀏覽器沒有報錯,但是標簽里面卻沒有任何關于tr和td的標簽,難道是我那里寫錯了?,希望大神可以指點一下,或給一個demo進行參考一下
Vue新手,在組件中怎么使用v-for指令
郎朗坤
2018-10-31 14:15:39