uniapp使用created钩子函数来获取不了props中的值
时间: 2024-02-03 20:12:40 浏览: 194
解决vue props 拿不到值的问题
在 `created` 钩子函数中,确实无法直接获取到 `props` 中的值。这是因为 `created` 钩子函数在组件实例创建之后立即被调用,而在这个时候,`props` 中的数据还没有被注入到组件实例中。
如果你需要在组件实例创建后访问 `props`,可以使用 `mounted` 钩子函数。在 `mounted` 钩子函数中,你可以通过 `this.$props` 访问到所有的 `props` 数据。
例如,假设你有一个名为 `HelloWorld` 的组件,它有一个 `message` 的 `props`,那么你可以使用以下方式访问 `message`:
```javascript
<template>
<div>{{ message }}</div>
</template>
<script>
export default {
props: {
message: String
},
mounted() {
console.log(this.$props.message)
}
}
</script>
```
在上面的代码中,`mounted` 钩子函数中可以通过 `this.$props.message` 访问到 `message` 的值。
阅读全文