uniapp中通过父组件控制子组件的显示与隐藏

2025-03-23 20:39:21

1、在组件化开发中,很多时候都需要运用到弹出层popup。为了封装组件,弹出层往往是写在另外一个界面的,这就涉及到组件之间通信的方法了。

uniapp中通过父组件控制子组件的显示与隐藏

2、例如这个商品规格弹出层,需要点击商品规格,弹出相应的商品规格信息,而这个点击事件的值,就是父组件需要传递给子组件的值了。

uniapp中通过父组件控制子组件的显示与隐藏

3、首先,在点击事件中加一个控制弹窗隐藏与否的值为ture,确保点击的时候弹窗显示。

uniapp中通过父组件控制子组件的显示与隐藏

4、在他的子组件绑定一个布尔值,控制隐藏与显示。通过prop接收父组件的值,然后通过emit把控制显示与隐藏的值,传递给父组件。

uniapp中通过父组件控制子组件的显示与隐藏
uniapp中通过父组件控制子组件的显示与隐藏
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢