uniapp 父子组件传值,在子组件页面点击事件传父组件

uniapp 父子组件传值,在子组件页面点击事件传父组件

1.在compone下面创建shopItem.vue页面
2.在父页面引入shopItem.vue

import shopItem from '@/components/shopItem.vue'
		components: {
			shopItem
		},

3.在父页面template中写入组件

<view class="" v-if="isshowcar">
			<shop-Item :reqgoods="reqgoods"  @closepop="isshowcars"></shop-Item>
</view>

v-if用于判断组件是否显示
reqgoods是传入的数据 closepop是事件
4.在组件props接收数据

props:{
			reqgoods:'',
			},

5.在子组件中添加点击事件

在这里插入图片描述

isshowcars可以默认为false,或者其他

data(){
			return{
				isshowcars:false,
			}
		},

点击按钮向父页面发送数据
uniapp 父子组件传值,在子组件页面点击事件传父组件_第1张图片
6.在父页面接收数据
uniapp 父子组件传值,在子组件页面点击事件传父组件_第2张图片
点击子组件就会在父页面中接收到反应而做判断了

你可能感兴趣的:(uniapp,html)