场景: 含分享的页面
描述:分享功能被封装成自定义组件,props属性其中有’showShare’属性为显示或隐藏层,默认为false
有分享的页面引用此组件, 点击分享按钮时 showShare 传入 true,分享遮罩层正常显示,
点击遮罩,关闭分享 showShare = false
问题: 当关闭分享后,页面不变,data中的属性值发生变化(商品列表上拉加载), 遮罩层又自动的显示出来了,请大神指点一二!
场景: 含分享的页面
描述:分享功能被封装成自定义组件,props属性其中有’showShare’属性为显示或隐藏层,默认为false
有分享的页面引用此组件, 点击分享按钮时 showShare 传入 true,分享遮罩层正常显示,
点击遮罩,关闭分享 showShare = false
问题: 当关闭分享后,页面不变,data中的属性值发生变化(商品列表上拉加载), 遮罩层又自动的显示出来了,请大神指点一二!
3 个回复
善哉 (作者)
请看附件示例:
善哉 (作者)
顶一下
Neil_HL
看了你的demo,点击分享,将页面showShare设置为了true,关闭时在组件里面修改了props里的showShare,这种语法在vue里是不符合规范了。你可以在组件里data里面申明个变量,showMask,值为传过来的showShare,点击遮罩,发送个事件给页面,让页面改变showShare的值,这样就对了。