quicktab

# 方法目前只提供以下API,且api的命名基本上都是见名知义,且大多都在例子中有使用过。如果无法满足您的需求，您需要一些特别的api,可以直接提[issues](https://gitee.com/ajiho/quicktab/issues),一起讨论。 ## 静态方法 ### get - **参数:** `id` - **详情:** 可以根据初始化时的id快速得到`Quicktab`的实例 - **示例:** ```html <div class="my-tab"></div> <script> const qtab = new Quicktab('.my-tab',{ id:'qtab1'//唯一标志 }) console.log(qtab === Quicktab.get('qtab1')) //true </script> ``` ## 实例方法 ### addTab - **参数:** `option` - **详情:** 这是最核心的方法,添加Tab,参数是一个[单tab对象](options.html#单tab默认选项)其中只有url是必填的，其它都走默认值 - **示例:** [添加Tab](/examples.html#添加tab) ```js const qtab = new Quicktab('#qtab') qtab.addTab({ url:'/user/add', title:'添加用户' }) ``` ### closeActiveTab() - **参数:** `undefined` - **返回:** `Quicktab` - **详情:** 关闭当前激活的Tab,这个api特别有用,使用的频率还算比较频繁 ### closeTabByUrl - **参数:** `url` - **详情:** 根据url来关闭Tab ### activeTabByUrl - **参数:** - `url` - `scrollToTab - 一个boolean值,是否滚动到Tab所在位置` 默认: `false` - **详情:** 根据url来激活Tab ### scrollToTabByUrl - **参数:** `url` - **详情:** 滚动到指定url对应的Tab的位置 ### prevScroll - **参数:** `undefined` - **详情:** 向左滚动一个Tab容器可视单位 ### nextScroll - **参数:** `undefined` - **详情:** 向右滚动一个Tab容器可视单位 ### refreshTabByUrl - **参数:** `url` - **详情:** 根据url来刷新Tab ### fullscreenTabByUrl - **参数:** `url` - **详情:** 根据url全屏显示Tab ### refreshActiveTab - **参数:** `undefined` - **详情:** 刷新当前激活的Tab ### fullscreenActiveTab - **参数:** `undefined` - **详情:** 全屏显示当前激活的Tab ### scrollToActiveTab - **参数:** `undefined` - **详情:** 滚动到当前激活的Tab所在位置 ### openNewTabByUrl - **参数:** `url` - **详情:** 在浏览器新选项卡打开指定url的Tab ### closeAllTabsExceptByUrl - **参数:** `url` - **详情:** 关闭所有的除了指定url的Tab ### closePrevAllTabsByUrl - **参数:** `url` - **详情:** 关闭除了指定url的Tab前面所有的选项卡 ### closeNextAllTabsByUrl - **参数:** `url` - **详情:** 关闭除了指定url的Tab后面所有的选项卡 ### getTabWindowByUrl - **参数:** `url` - **详情:** 获取指定url的Tab的contentWindow对象