父组件向子组件传值
**(建议从 自定义组件篇 和 子组件向父组件传值篇 看起,这样不会混乱) **
参考文档
步骤:
- 新建一个MyFooter的组件(这里就不再演示怎么创建了,在《自定义组件篇》有)
- 在index.wxml父组件容器中引入MyFooter组件并自定义属性
<view>
<MyFooter apple="父组件向子组件传值"></MyFooter>
</view>
- 在MyFooter.wxml中获取属性值
<view>
{{apple}}
</view>
- 但是目前还显示不了值,需要在MyFooter.js中指定组件的属性、数据、方法
// components/MyFooter/MyFooter.js
Component({
/**
* 组件的属性列表
*/
properties: {
apple:{
type:String,
value:''
}
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})
-
效果