layui 使用treeTable2.x版本时,没有任何效果,也无任何报错
html代码如下,引入layui.js,treeTable:
```html
<head>
<title>权限列表</title>
<link rel="stylesheet" href="${pageContext.servletContext.contextPath}/css/font.css">
<link rel="stylesheet" href="${pageContext.servletContext.contextPath}/css/xadmin.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/md.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/layui/lay/modules/treeTable/treeTable.css">
<script src="${pageContext.request.contextPath}/layui/layui.js" ></script>
<script src="${pageContext.request.contextPath}/js/jquery-3.5.1.min.js"></script>
</head>
<body class="layui-layout-body md-scroll" style="background-color: white">
<div class="layui-container">
<table id="auth-table" class="layui-table" lay-filter="auth-table"></table>
</div>
</body>
js代码如下:
console.log(1);
layui.config({
base: '${pageContext.request.contextPath}/layui/lay/modules/'
}).extend({
treeTable: 'treeTable/treeTable'
});
layui.use(['treeTable'], function () {
var treeTable = layui.treeTable;
var renderTable = function(data) {
console.log(0);
treeTable.render({
elem: '#auth-table', // table容器
cols: [ // 列配置
{type: 'numbers'},
{field: 'menuId',title: '权限id',hide:true},
{field: 'menuName', minWidth: 100, title: '权限名称'},
{field: 'URL', title: '菜单url'},
{field: 'isMenu', width: 80, align: 'center', templet: function (d) {
if (d.isMenu == 1) {
return '<span class="layui-badge-rim">菜单</span>';
}
if (d.parentId == 0) {
return '<span class="layui-badge layui-bg-blue">目录</span>';
} else {
return '<span class="layui-badge layui-bg-gray">按钮</span>';
}
}, title: '类型'},
{templet: '#auth-state', width: 120, align: 'center', title: '操作'}
],
reqData: function(data, callback) {// 异步加载数据的方法
var pid = data?data.menuId:0;
$.post({
url :'${pageContext.request.contextPath }/sysMenu/menulist',
data:{
pid:pid
},
dataType:'json',
success:function(data){
callback(res.data);
}
});
},
tree: {
idName: 'menuId', // id的字段名
pidName: 'pid', // pid的字段名
//childName: 'children', // children的字段名
haveChildName: 'haveChild', // 是否有children标识的字段名
openName: 'open', // 是否默认展开的字段名
isPidData: true, // 是否是pid形式的数据
iconIndex: 1, // 图标列的索引
arrowType: undefined, // 箭头类型
onlyIconControl: false, // 仅允许点击图标折叠
}
});
});
运行结果:
一开始报错信息为 layui.init: treeTable is not a valid modules,
我在head标签中引入treeTable.js之后就没有任何反应,之后我就又把treeTable.js的引入去除之后,就一直没有任何效果
请问是什么原因