公共组件做到兼容不同的页面
Posted 未知小未来
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了公共组件做到兼容不同的页面相关的知识,希望对你有一定的参考价值。
【需求】点击分享按钮,首先判断用户是否登录状态,若不登录不能进行分享,跳到APP登录页面;若登录,可弹出分享蒙层。
【步骤】1、判断登录方法并不难,由于我们APP端将登录userId存放在cookie中,只要从里面取userId即可。
2、调APP中的分享,由于右上角的分享APP是调我们组件中的方法,(这意味着要修改组件,所以我改起来,很心虚啊,生怕会影响其它活动页面的功能),有一种方法可以很好的做到兼容,通过indexOf匹配到你要判断登录的页面,就??了
【知识点】window.location、indexOf
【代码】
shareselect() { const location = window.location.href; if (location.indexOf(‘inviteindex.html‘) > 1 || location.indexOf(‘inviteaward.html‘) > 1) { const userId = Cookie.get(‘userId‘); if (!userId || userId === ‘undefined‘ || userId === ‘null‘) { openPage(‘OpenPage‘, ‘‘, ‘F00000‘, ‘https://m.geinihua.com?GNH_EVE_Jump=‘); } else { this.mask(); } } else { this.mask(); } },
以上是关于公共组件做到兼容不同的页面的主要内容,如果未能解决你的问题,请参考以下文章
11SpringBoot-CRUD-thymeleaf公共页面元素抽取