微信小程序子组件拿到父组件的值

在微信小程序中，子组件可以通过父组件传递的属性值来获取父组件的值。父组件向子组件传递值时，可以使用属性绑定的方法。子组件可以通过使用`properties`属性来接收父组件传递的值。具体实现方法如下：

在父组件中使用子组件，并传递值：

<子组件名 属性名="{{父组件的值}}"></子组件名>

在子组件的js文件中，使用`properties`属性接收父组件传递的值：

properties: {
  属性名: {
    type: 类型,
    value: 默认值
  }
}

这样子组件就可以通过`this.properties.属性名`来获取父组件传递过来的值了。

如果需要子组件向父组件传递值，可以使用自定义事件。子组件在触发事件时，通过`triggerEvent`方法将数据传递给父组件。具体实现方法如下：

在子组件的js文件中，触发自定义事件并传递值：

this.triggerEvent('事件名', 数据)

在父组件中，监听子组件触发的事件，并获取子组件传递的值：

<子组件名 bind:事件名="事件处理函数"></子组件名>

在父组件的js文件中，实现事件处理函数：

事件处理函数(e) {
  console.log(e.detail) // 获取子组件传递的值
}

通过以上方法，子组件就可以拿到父组件的值，并且父组件也可以获取子组件传递的值了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [微信小程序：父子组件传值](https://blog.csdn.net/KazariFox/article/details/126348657)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [微信小程序 子组件传值给父组件，调用父组件函数](https://blog.csdn.net/weixin_43452154/article/details/126770872)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]