layui选项卡切换及右键的动态操作(新增、切换、删除)

先来看个效果图(文章底部有gitee地址)

layui选项卡切换及右键的动态操作(新增、切换、删除)_第1张图片

要实现的效果: 

  1. 选项卡的新增以及切换
  2. 选项卡刷新
  3. 选项卡各种删除:删除其他、删除右侧所有、删除所有

OK,直接上代码,一些引入文件就不写了,这里只列出主要的代码,有需要的话可以去Gitee自行下载。

布局:



    js:(注:选项卡需要依赖element模块)

    
    

     码云地址:https://gitee.com/honvin180/layui-tabs 

    你可能感兴趣的:(前端,layui选项卡,选项卡切换)