小程序,父组件给子组件传值
时间: 2023-12-27 20:50:12 浏览: 77
钉钉小程序 之 自定义组件的使用,以及父组件与子组件(自定义组件)传值 ...
在小程序中,父组件给子组件传值可以通过在父组件的 wxml 文件中使用子组件,并在子组件上设置属性,然后在父组件的 js 文件中给该属性赋值,从而实现传值。
例如,假设父组件为 `parent`,子组件为 `child`,需要传递一个名为 `value` 的值:
1. 在父组件的 wxml 文件中引入子组件并设置属性:
```html
<!-- parent.wxml -->
<child value="{{value}}"></child>
```
2. 在父组件的 js 文件中给 `value` 赋值:
```javascript
// parent.js
Page({
data: {
value: 'hello world'
}
})
```
3. 在子组件的 js 文件中通过 `properties` 接收 `value` 属性:
```javascript
// child.js
Component({
properties: {
value: {
type: String,
value: ''
}
},
// ...
})
```
最后,在子组件的 wxml 文件中可以通过 `{{value}}` 使用父组件传递的值。
阅读全文