layui opentabspage报错_layui选项卡Tabs

你可以通过对选项卡设置属性 lay-id="xxx" 来作为唯一的匹配索引，以用于外部的定位切换，如后台的左侧导航、以及页面地址 hash的匹配。

• 文章列表
• 发送信息
• 权限分配
• 审核
• 订单管理

1

2

3

4

5

属性 lay-id 是扮演这项功能的主要角色，它是动态操作的重要凭据，如：

layui.use('element', function(){

var element = layui.element;

//获取hash来切换选项卡，假设当前地址的hash为lay-id对应的值

var layid = location.hash.replace(/^#test1=/, '');

element.tabChange('test1', layid); //假设当前地址为：http://a.com#test1=222，那么选项卡会自动切换到“发送消息”这一项

//监听Tab切换，以改变地址hash值

element.on('tab(test1)', function(){

location.hash = 'test1='+ this.getAttribute('lay-id');

});

});

同样的还有增加选项卡和删除选项卡，都需要用到 lay-id，更多动态操作请阅读：layui.element模块