小程序父组件使用子组件里的事件,父组件向子组件传值

1.父组件使用子组件里的事件

//子组件页面wxml
   //需要控制的东西
//子组件页面js
Component({
	methods: {
    	open_details:function(){
      		this.setData({
        		closedetails:false
      		})
    	},
  	}
})

//父组件页面wxml(组件的引用就不多说了)
	<view bindtap="open_details"></view>
	<pop-reword id="pop-reward"></pop-reword>

//父组件页面js
	page({
		open_details:function(){
    		this.compData.open_details();
  		},
  		//生命周期函数
  		onLoad:function(){
  			this.compData = this.selectComponent('#pop-reward');
  			//(创建实例化对象)
		}
	})

2.父组件向子组件传值

//子组件页面wxml
   //需要使用popmodel里传过来的值的东西
   
//子组件页面js
Component({
 	properties: {
    	popmodel:{
      	  type:Object,
    	}
  	}
})
//父组件页面wxml(组件的引用就不多说了)
	<pop-reword popmodel="{{model}}"></pop-reword>

//父组件页面js
	page({
		data:{
			model:"",
		},
  		//生命周期函数
  		onLoad:function(){
  			this.setData({
  				model:"想要传的数据"
			})
		}
	})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值