js layui跳转页面_【Layui】实现跳转到指定tab栏

需求背景：实现页面之间的联动跳转，并跳转到指定tab栏

解决方法：

html代码：

• PHP
• html
• python
• go

内容1

内容2

内容3

内容4

在正常选项卡基础上，增加如图代码。

lay-filter代表地址栏中参数的名称。

lay-id来作为唯一的匹配索引，以用于外部的定位切换。

步骤2,JS部分

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

var element = layui.element;

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

var layid = location.hash.replace(/^#current=/, '');//current为刚才定义的lay-filter

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

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

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

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

});

});

原文：https://www.cnblogs.com/richerdyoung/p/12083105.html