uniapp 组件传参

uni-app中组件传值_Syleapn的博客-CSDN博客_uniapp组件传值  

A页面

第一步:引入子组件；

import nsGoodsSku from '@/components/ns-goods-sku/ns-goods-sku.vue';

第二步:在components中对子组件进行注册；

	components: {
		nsGoodsSku,
	},

第三步:以标签的形式载入；通过数据绑定的形式进行传值

<ns-goods-sku :chuancan="chuancan"></ns-goods-sku>

	data() {
		return {
            chuancan：'123'
		}
	},

B页面

通过props接收父组件中传过来的值，

	props: {
		chuancan: {
			type:String,
			default:''
		}
	},

添加点击事件拿到A页面参数

<view @click="nadaoAyemiancanshu()">点击拿到A页面参数</view>

nadaoAyemiancanshu(){
    console.log(this.chuancan);
},