求助,VUE循环引用组件无法传值
粉丝福利 : 关注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未定义,请问大家怎么处理循环引用组件传值,但要动态改变子组建模板问题的?