如何用layui实现左侧菜单栏和动态操作tab项功能？

本文共计1694个文字，预计阅读时间需要7分钟。

首先说明一下左侧菜单栏+这是一个最基础的左侧菜单栏，实现的过程非常简单，官方的说明文档就有，但我导入layer.js之后，直接复制官方代码到我的编辑器上，页面显示是这样的+

首先说一下左侧菜单栏

这是一个最基本的左侧菜单栏，实现的过程很简单，官方的说明文档就有，但是我在导入layer.js之后，直接复制这段官方代码到我的编辑器上时，发现页面是这样的：

发现，绑定属性的菜单并没有下拉选项，这个问题在我导入layer.all.js之后解决了，而且发现如果是在页面的最上方导入的话也没有下拉选项，只有在html代码下面导入，才可以显示 ，不知道是什么原因。

下面说重点，动态操作tab项

页面截图：

tab项右键菜单：

这里右键菜单的样式并没有做太多的美化。