页面为组件,怎么触发onshow,执行方法,组件模拟onshow

页面为组件,怎么触发onshow,执行方法,组件模拟onshow

码农世界 2024-05-22 后端 59 次浏览 0个评论

一、问题描述

        由于开发需要,有四种不同的角色类型的页面,所以应该对应四套首页。所以我的做法是将这四种页面封装成组件,在登录的时候,根据不同的角色显示不同的组件,以展示不同的页面。但是这样做之后,封装在组件里面的方法,想要在页面展示,类似onshow情况,执行逻辑时,并不能做到。因为onshow方法是针对页面的,而组件的mounted方法也做不到onshow的效果。

二、效果描述

四套首页,皆封装成组件,里面对应封装好请求数据的方法:

页面为组件,怎么触发onshow,执行方法,组件模拟onshow

页面为组件,怎么触发onshow,执行方法,组件模拟onshow

        比如项目经理模块有通知内容,这里通知提示欠较好的方式,第一次做,采用了简单的思路(当然应该还有更好的方式):

        当展示首页时,调用一次项目经理首页组件里面的方法,因为对应接口里面有数据字段标明了是否有新通知。所以现在需要做的是,怎么让组件在首页展示的时候,调用一次方法,获取字段。

        只有页面有onshow方法,那就利用这个方法,延申到组件里面刷新。使用一个标识值动态传进组件,然后监听那个值的变化。只要onshow调用了,传进组件的那个值也跟着变化,然后在watch函数中调用接口,获取字段是否有新通知。

三、代码展示(直观一点)

页面为组件,怎么触发onshow,执行方法,组件模拟onshow

页面为组件,怎么触发onshow,执行方法,组件模拟onshow

页面为组件,怎么触发onshow,执行方法,组件模拟onshow

当然,这可能不是最好的方式,但也能实现,在组件中模拟onshow方法。

转载请注明来自码农世界,本文标题:《页面为组件,怎么触发onshow,执行方法,组件模拟onshow》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,59人围观)参与讨论

还没有评论,来说两句吧...

Top