小程序父组件向子组件传值

小程序父组件向子组件传值,第1张

组件: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}}

附上流程图

1.页面url传参

2.data-属性传参

3.缓存传参

4.全局变量传参

1.页面url传参

navigator标签里面设置url后面用?加上key=value键值对模式传参,可以绑定动态数据

2.data-属性传参

通过data-属性设置产生,在通过url传递参数,其本质还是通过url传参

3,缓存传参

小程序缓存分为异步和同步,一般使用同步;方法类似于h5的本地存储;

4.全局变量


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11900619.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存