const clickTitle = id => { school(id).then(res => { redirect.schoolDetails(res.school) }) }uniapp的vue3写法父页面请求的res.school将这个数据传入schoolDetails这个子页面中 我如何在子页面获取到res.school的数据呢
时间: 2024-03-27 11:37:04 浏览: 150
你可以在子页面中使用props来接收父页面传递过来的数据。具体实现方法如下:
1. 在父页面中定义一个变量,将res.school赋值给这个变量,然后通过props将这个变量传递给子页面。
```vue
<template>
<div>
<child :school="school"></child>
</div>
</template>
<script>
import Child from '@/components/Child.vue'
export default {
components: {
Child
},
data() {
return {
school: ''
}
},
mounted() {
clickTitle(id).then(res => {
this.school = res.school
})
}
}
</script>
```
2. 在子页面中通过props接收父页面传递过来的数据。
```vue
<template>
<div>
<p>{{ school }}</p>
</div>
</template>
<script>
export default {
props: {
school: {
type: String,
required: true
}
}
}
</script>
```
这样,子页面就可以获取到父页面传递过来的res.school的数据了。
阅读全文