uniapp父子传值
时间: 2023-12-23 09:04:02 浏览: 78
uniapp与webview之间的相互传值的实现
在uniapp中,父组件向子组件传递数据可以通过props属性实现。父组件可以将数据通过props属性传递给子组件,子组件可以通过props属性接收父组件传递的数据。
以下是一个示例:
父组件index.vue:
```html
<template>
<view>
<test :num="parCount"></test>
</view>
</template>
<script>
export default {
data() {
return {
parCount: 10
}
}
}
</script>
```
子组件test.vue:
```html
<template>
<view>
子组件获取到父组件的属性:{{ num }}
</view>
</template>
<script>
export default {
props: {
num: {
type: Number,
default: 0
}
}
}
</script>
```
在上面的示例中,父组件index.vue通过`:num="parCount"`将parCount属性的值传递给子组件test.vue的num属性。子组件test.vue通过props属性接收父组件传递的数据,并在模板中使用。
阅读全文