子组件 触发父组件点击事件 +父组件触发子组件事件+methods互相调用+父组件获取子组件的值

@change-type="passHide"
<payPass @change-type="passHide"></payPass>

//前面是子组件的事件  后面那个是父组件原先自带的事件   

 passHide:function(){
        this.fold=!this.fold;
                    },
   	hello(){
    		  this.$emit('change-type');
            },

//子组件的事件触发

<payPass @change-type="passHide" ref="child"></payPass>

// ref获取对象

	passHide2(){ //用于触发子元素事件,将其支付密码显示隐藏
		 this.$refs.child.hello();
	},

//触发ref里的子组件里的hello事件

this.hello();

//互相调用 加个this就好

	console.log(this.$refs.child.reallyPass);

//ref是选择对象。获取ref为child的子组件里的reallyPass这个数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值