子组件:tabs1
父组件:demo04
先将子组件和父组件直接产生特定的联系,需要在demo04.json里面以键值对的方式添加。
添加完毕后在父组件中就可以使用标签,就可以渲染出子组件内容。因为tabs1多次复用,所以数据不能在tabs1.js中写死。一般都是由父组件中data数据传到子组件。
1.先在父组件data中添加list数据,
data: {
list:[{
id:“2”,
name:“梦灵”
},{
id:“1”,
name:“浅夏”
}]
},
2.利用属性绑定的方式传输。
3.在子组件properties接收数据
aaa:{
type:Array,
// 数据类型
value:[]
// 数据值
}
4.在子组件中将数据渲染到页面
{{item.id}} {{item.name}}
第一次写,请各位大佬留情
附上流程图
|
请发表评论