vue unapp父子组件传值遇到问题记录一下

我在页面中封装了一个公共子组件,然后在父组件中调用,具体业务逻辑就是当我点击按钮的时候子组件弹出,点击关闭的时候子组件关闭缩回去。

遇到的问题:第一次点击弹出的时候没问题,第二次点击关闭的时候也关闭了,但是我第三次点击的时候(就是关闭了的时候)他并没有生效,控制台第三次点击弹出打印的才是false,只有我第四次点击的时候才弹出

vue unapp父子组件传值遇到问题记录一下_第1张图片

 vue unapp父子组件传值遇到问题记录一下_第2张图片

 这里的错误是我只是在子组件中使用了emit,然后并没有在父组件中接收,父组件中只有接收后才可以使用子组件传过来的值

改正过后的代码:需要在父组件中定义接收函数

vue unapp父子组件传值遇到问题记录一下_第3张图片

vue unapp父子组件传值遇到问题记录一下_第4张图片 

 

你可能感兴趣的:(uniapp,Javascript,vue.js,前端,javascript)