码迷,mamicode.com
首页 > 其他好文 > 详细

公共组件做到兼容不同的页面

时间:2017-08-08 16:51:41      阅读:135      评论:0      收藏:0      [点我收藏+]

标签:代码   pen   res   sha   https   修改   通过   window   code   

【需求】点击分享按钮,首先判断用户是否登录状态,若不登录不能进行分享,跳到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();
                }
            },

 

公共组件做到兼容不同的页面

标签:代码   pen   res   sha   https   修改   通过   window   code   

原文地址:http://www.cnblogs.com/xiaoli52qd/p/7307187.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!