解决Layui使用Layer弹出页面中调用模块路径异常问题

2022年6月22日 185次阅读 来源: DexterLien

问题描述

使用ajax异步获取指定url内容后再用Layer模块弹窗显示内容的时候遇到了下面的错误:
《解决Layui使用Layer弹出页面中调用模块路径异常问题》
因为异步获取到的页面中又引用了table模块,但是通过layer渲染出来后加载过程中调用模块的url路径出现了问题,正确的路径应该是/static/layui/lay/modules/table.js

layer调用部分的代码:

$.post({ 
    url: '/detail/',
    data: { 
        zy: _cur_zy,
        zone: zone,
        status: ''
    },
    success: function (ret) { 
        layer.open({ 
            type: 1,
            title: '企业详细数据',
            content: ret,
            area: ['100%', '100%'],
        })
    }
})

子页面中是正常的调用table模块语法,单独访问子页面是正常的.

解决方案

在子页面使用layui.use()方法之前先对layui进行配置

layui.config({ 
        dir: '/static/layui/'
    })
layui.use(['table'], function () { 
   let table = layui.table;

   let tableIns = table.render({ 
   // 配置省略
   })
})
    原文作者：DexterLien
    原文地址: https://blog.csdn.net/lpwmm/article/details/108537143
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞