Git 项目推荐 | Vue 的多 tab 页框架 vue-tab
Vue-Tabs
A Vue.js tabs framework replacing the URL-ROUTER for Vue2.0 (多tab页轻型框架，在多tab系统中替代路由)
- Documentation
Demo
查看 DEMO
Usage
Step1. config
// tabs.js
// config
import Hello from './components/Hello'
export default [{
name: 'home', // name UNIQUE
title: '首页', // tab's title
component: Hello
}, {
name: 'test1',
title: '测试1',
component: {
template: '<h2>测试1</h2>'
}
}]
Step2. New instance & use
import VueTaber from 'vue-tabs'
import '../vue-tabs.css'
import tabs from './tabs.js'
const vueTaber = new VueTaber({
tabs
})
Vue.use(VueTaber)
new Vue({
el: '#app',
taber: vueTaber,
template: '<App/>',
components: {
App
}
})
Step3. Html Element
<div id="app"> <vue-tabs></vue-tabs> </div>
Step4. Use api to open a tab
this.$taber.open({
name: item.name
})
Contributing
Contributing
正文到此结束
热门推荐
相关文章
近期评论
-
666
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
