求助,VUE循环引用组件无法传值
发布于 7 年前 作者 pipistrell 2756 次浏览 最后一次编辑是 7 年前 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

<div id="testdemo"> <table> <tr v-for="item in list" > <td>{{item.name}}--1</td> <son :data="item" > <td v-if="item.name" >{{item.name}}--2</td> </son> </tr> </table> </div> <script type="text/javascript"> var son = Vue.extend({ props:['data','bcn'], created:function() { console.log(this.data); this.$options.template = '<tr><slot ></slot></tr>'; } }); Vue.component('son',son); var a = new Vue({ el:'#testdemo', data:{ list:[{'name':'张三'},{'name':''}] } }); </script> 各位大神,大佬,求助, VUE循环引用组件,无法传值,总是报错item未定义,请问大家怎么处理循环引用组件传值,但要动态改变子组建模板问题的?

回到顶部