亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vue新手,在組件中怎么使用v-for指令

Vue新手,在組件中怎么使用v-for指令

郎朗坤 2018-10-31 14:15:39
代碼如下: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指令,在子組件內部動態構造出一組tr和td的表格標簽,我在運行的時候瀏覽器沒有報錯,但是標簽里面卻沒有任何關于tr和td的標簽,難道是我那里寫錯了?,希望大神可以指點一下,或給一個demo進行參考一下
查看完整描述

1 回答

?
斯蒂芬大帝

TA貢獻1827條經驗 獲得超8個贊

你都已經把msg傳過去了,把todata也傳過去啊…


查看完整回答
反對 回復 2018-12-08
  • 1 回答
  • 0 關注
  • 1977 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號