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

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

公共组件做到兼容不同的页面的相关文章

vue页面中某个单一界面不使用公共组件的方式

一.这是你要使用的公共组件 . 二.然后,这个path变量要事先声明好 三.给它设置一个监听 四.只要是在上面的path===的路径就不会引用公共组件啦! 有用点个赞,感谢您呦!!! 原文地址:https://www.cnblogs.com/hz-handofgod/p/11982095.html

【纵横科技】artDialog对话框组件 跨平台兼容各浏览器 有图哦

原文:[纵横科技]artDialog对话框组件 跨平台兼容各浏览器 有图哦 源代码下载地址:http://www.zuidaima.com/share/1596749662440448.htm 先上图,养成好习惯. 十种风格,任你选择. 文档说明丰富,简单易懂. 展示图片 自定义图标 右下角活动通知 用iframe加载子页面 等,就不一一介绍了,下载玩玩吧. 引用也很方便哦. 在页面head引入artDialog,其中skin参数表示对话框使用的风格文件(如果项目采用jQuery作为框架,则引用

(一)公共组件之骨架工程

前言 公司为统一应用程序开发环境,简化开发管理成本,提高开发质量,可以考虑开发统一的框架和工具.骨架工程基于MAVEN项目管理,提供了搭建项目必要使用的几个骨架组件.在这些骨架组件中,基本的依赖和基本设置都在模板中做好,无需各项目重复工作,比如集成了统一开发的数据库操作组件.redis操作等基础组件.项目开发组在这个框架的基础上,根据自己的实际需要增加或者裁减组件的配置并编写自己的应用,这样既能统一项目设置和架构,又能大量节省开发人员搭建框架的时间. 1.系统框架结构简介 我采用的Framewo

微信小程序公共组件的引用与控制

思路: 1.在组件wxml文件里实现布局.数据绑定.事件绑定: 2.组件js文件里定义事件,并将文件所有内容作为一个对象export出去:3.在引用的文件引入组件(方式有两种,一个是用include引入,一个是import引入,详情:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/import.html); 4.数据传递.在引用文件对应的js里定义要传递的数据,数据名称与组件wxml文件里的一致: 5.函数映射.在引用文

django之权限管理公共组件

公共组件使用 公共组件的基本搭建 在上一篇已经是学习如何搭建一个公共组件,可以拷贝到任何项目里面,实现权限的管理工作,今天再次学习下公共组件的使用 新建一个项目,并把公共组件拷贝到新项目中取,并且在setting中注册组件 中间件的注册 公共组件的配置管理 在中间件中,通过导入项目的setting文件,从里面导入变量信息,所以我们在setting里面设置了如下变量信息: # ############################## RBAC权限相关配置开始 #################

vue + elementui 中的弹窗组件封装成公共组件

如果一个弹窗比较简单,可以直接放在页面中,通过visible属性的true,false控制显示隐藏就可以了,我们今天要说的是将个比较复杂的弹窗组件封装成全局组件,然后可以在项目中的任何一个页面引用~~下面走起 1.首先要注册个全局组件,用下面的全局API  Vue.component('my-component', { /* ... */ }) 在js文件中首先引入这个弹窗组件,组件名称是iesPersonRadioDialog,项目中会引入一个js文件,这个js文件中在分别引入其他的js,模块

react初探(二)之父子组件通信、封装公共组件

一.前言 在组件方面react和Vue一样的,核心思想玩的就是组件,下面举两个组件常用的情景. 场景一:假如我们现在有一个页面包含表格以及多个弹框,这种时候如果将这个页面的业务代码写在一个组件中,那么这一块的代码会看着非常恶心.如果这个时候我们将这个页面的表格以及弹框这些单独的模块分别写成组件的形式,然后再在这个页面中将这些组件引入进来,那样我们的代码会看着非常整洁.这样做会需要使用到父子组件之间的通信,下面会详细解释. 场景二:日常项目中我们会经常遇到某一个功能会在不同地方使用,但是每次使用的

Net dll组件版本兼容问题

dll组件版本兼容问题,是生产开发中经常遇到的问题,常见组件兼容问题如:Newtonsoft.Json,log4net等 为了节约大家时间,想直接看解决方法的,可直接点击目录3.4 目录 1.版本兼容问题的原因 2.解决版本兼容前提 3.指定特定版本bindingRedirect** 4.指定某文件夹中的特定版本codeBase** 版本兼容问题的原因 首先让我们简单了解下程序引用的原理: 当运行库试图解析对另一个程序集的引用时,就开始进行定位并绑定到程序集的进程.详细见:运行库如何定位程序集

360浏览器兼容模式打开页面错误

今天发布系统之后,客户发现问题说360和傲游都打不开右下角提示的页面而IE8可以打开,右下角图:返回404错误.我回到座位上打开系统看了下,确实如此.我仔细想了下,我平时自己开发模式下就可以,但是为啥发布了就不行了.我仔细看了下我360浏览器.原来我用的都是极速模式,webkit内核.立马切换到兼容模式下,果然挂了.让我郁闷了..话说兼容模式下用的ie内核.自己本机怎么也装的ie8,咋就不行了呢. 我打开前端代码发现有这么一句话:parent.document.getElementById("m