uniapp父子组件引用和传值
uniapp父子组件引用传值,和vue的一样,没有小程序那样的麻烦。父组件:<template><view><children :name="name" :age="age"></children></view></template><script>import children from '@/component
·
uniapp父子组件引用传值,和vue的一样,没有小程序那样的麻烦。
父组件:
<template>
<view>
<children :name="name" :age="age"></children>
</view>
</template>
<script>
import children from '@/components/children/index.vue';
export default {
components:{
children
},
data() {
return {
name: '这是名字',
age: 99,
}
},
}
</script>
子组件:
<template>
<view>
这是子组件
<view>名字:{{name}}</view>
<view>年龄:{{age}}</view>
</view>
</template>
<script>
export default {
props: ["name", "age"]
}
</script>
<style>
view{
text-align: center;
padding-top: 20rpx;
}
</style>
结果:
到此结束,有问题留言~~
更多推荐
已为社区贡献13条内容
所有评论(0)