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>

结果:

在这里插入图片描述


到此结束,有问题留言~~

Logo

前往低代码交流专区

更多推荐