遇到一个问题,已经写好的页面使用的是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')
});
}
最终的效果:没有破坏原有项目的结构