为了账号安全,请及时绑定邮箱和手机立即绑定

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 关注
  • 2000 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号