Bootstrap标签页组件及bootstrap-tab怎么用-创新互联
小编给大家分享一下Bootstrap标签页组件及bootstrap-tab怎么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
成都创新互联公司主营含山网站建设的网络公司,主营网站建设方案,
成都App定制开发,含山h5成都微信小程序搭建,含山网站营销推广欢迎含山等地区企业咨询
bootstrap-tab
bootstrap-tab组件是对原生的bootstrap-tab组件的封装，方便开发者更方便地使用，主要包含以下功能：
tab页初始化
关闭tab页
新增tab
显示tab页
获取tab页ID
使用
Step1 ：引入样式
Step2：引入脚本
Step3：使用
参数和方法说明
参数说明
| 参数名称 | 默认值 | 可选值 | 说明 |
|---|
| data |
|
| tab页数据来源（对象列表），包含id,text,url,closeable属性 |
| id |
|
| 必须，单个tab的id |
| text |
|
| 必须，单个tab页的标题 |
| url |
|
| 必须，单个tab页的内容url |
| closeable | false | true,false | 单个tab页是否可关闭 |
| showIndex | 0 |
| 默认显示页的索引 |
| loadAll | true | true,false | true=一次全部加在页面,false=只加在showIndex指定的页面，其他点击时加载，提高响应速度 |
方法说明
| 方法名称 | 参数 | 参数说明 | 方法说明 |
|---|
| init |
|
| tab组件初始化入口方法 |
| builder | data | tab数据 | 构建tab页的主方法 |
| loadData |
|
| 加载tab页的内容，根据loadAll即时加载或者点击时加载 |
| addTab | obj | 单个tab的数据 | 增加一个tab页 |
| showTab | tabId | tab的id | 根据id显示tab页 |
| getCurrentTabId |
|
| 获取当前活动tab页的ID |
以上是“Bootstrap标签页组件及bootstrap-tab怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联网站建设公司行业资讯频道！
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
网站标题：Bootstrap标签页组件及bootstrap-tab怎么用-创新互联
分享网址：
http://cdxtjz.cn/article/cdocgh.html
