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);
},