2023.05.18 | admin | 243次围观
(本篇前提,已经将子组件在父组件中通过标签的形式展示出来)
在父组件的操作
在父组件的 js 文件的 data 中,随便定义一个数组,对象微信小程序组件传值,或数组对象,举例:
data: {
dadlist:["苹果","榴莲","芒果"]
}
在父组件的 wxml 文件中,随便定义一个名字去接收这个数据,举例:
(这里的lists是子组件)
在子组件的操作
在子组件的 js 文件中微信小程序组件传值,通过 properties 来接收数据,properties 和 data 同级,举例:
(后边的 Array 是数据的类型)
properties: {
daddata:Array
}
觉得太简单,想多一点,可以这样写,举例:
properties: {
// 以数组对象举例,显的多
lists:{
type:Array,
value:[
{
id:88,
name:'默认的值'
}
]
}
}
然后,就可以在子组件中进行渲染数据了,举例:
{{item}}--这是儿子从父亲那里接收过来的数据
页面效果
版权声明
本文仅代表作者观点。
本文系作者授权发表,未经许可,不得转载。
发表评论