同一个页面引入多个版本Layui的js文件并兼容使用

遇到一个问题,已经写好的页面使用的是1.X版本的layui,有很多新功能不能使用,怎么在此基础上新增新版本的layui使用。

// 上面是新版本的layui
<script type="text/javascript" src="/background/layui/layui.js"></script>
<script>
	var newLayui = layui;
</script>
// 下面为老版本的layui
<script type="text/javascript" src="/layui/layui.js"></script>



新版本layui引入之后,把layui变量的引用交给newLayui这个变量,然后老版本layui引入时就将layui变量重新覆盖,这样做的缺点就是新版本必须使用newLayui变量,但是符合在原有项目上进行增加的目的。

下图使用的时候都使用了newLayui变量

    function logout() {
		newLayui.layer.confirm('确定要退出吗?', {
			btn: ['确定', '取消'] //按钮
		}, function () {
			newLayui.$.post("/adminUser/logout", null, (result) => {
				if (result.code == 200) {
					newLayui.layer.msg('退出登录成功', () => {
						window.location = '/view/background/login'
					})
				} else newLayui.layer.msg('退出登录失败')
			}, 'json')
		});
	}

最终的效果:没有破坏原有项目的结构

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值