支付宝小程序组件props
时间: 2023-08-20 22:14:21 浏览: 73
在支付宝小程序中,组件的props是用来接收来自父组件传递的参数的。在子组件的js文件中,可以通过props属性来声明接收的参数,例如props: { title: "标题", onConfirm:()=>{} }。在子组件中可以通过this.props来使用这些props变量,比如this.props.title可以获取到传递过来的标题。同时,子组件也可以通过调用props中的方法来改变props变量,比如this.props.onConfirm("新的标题")可以调用父组件传递过来的方法来改变props变量。在子组件的html中,可以使用{{}}来显示props中的变量,比如<view>{{title}}</view>可以显示传递过来的标题。\[2\]另外,子组件通过props修改数据不会影响父组件原始数据,但是如果子组件通过this.$page.data来修改数据,则会改变父组件原始数据。\[3\]
#### 引用[.reference_title]
- *1* [支付宝小程序使用自定义组件(原生)](https://blog.csdn.net/YourNikee/article/details/107403326)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [支付宝小程序组件传参,父组件调用子组件方法ref](https://blog.csdn.net/weixin_45466389/article/details/117449233)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [支付宝小程序组件使用](https://blog.csdn.net/men_gqi/article/details/115768270)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]