uniapp开发小程序如何保证在created中拿到传过来的props的值
时间: 2024-12-24 17:43:04 浏览: 4
在UniApp开发微信小程序中,如果你想在`created`生命周期钩子函数中获取从父组件通过props传递的值,你需要按照以下步骤操作:
1. **数据绑定**:首先,在父组件中设置要传递给子组件的数据属性。例如:
```html
<template>
<uni-view>
<child-component :prop-data="yourData"></child-component>
</uni-view>
</template>
<script>
export default {
data() {
return {
yourData: '这是你要传递的值',
};
},
};
</script>
```
2. **接收props**:在子组件的`props`选项中声明需要接收的属性,如:
```javascript
<template>
<view>{{ propData }}</view>
</template>
<script>
import {Component} from '@dcloudio/uni-app';
export default Component({
props: {
propData: {
type: String,
default: '',
},
},
created() {
// 在这里,this.propData会自动更新并包含从父组件传递的值
console.log('在created阶段:', this.propData);
},
});
</script>
```
当你创建这个子组件实例时,它会自动从父组件接收到`propData`的值。
阅读全文