前端框架选型是企业提升开发效率与用户体验的关键因素
641
2022-10-26
Vue-Tabs:多tab页框架替代router支持vue2.0
Vue-Tabs
A Vue.js tabs framework replacing the URL-ROUTER for Vue2.0 (多tab页轻型框架,在多tab系统中替代路由)
Documentation
Demo
查看 DEMO
Usage
Step1. config
// tabs.js// configimport Hello from './components/Hello'export default [{ name: 'home', // name UNIQUE title: '首页', // tab's title component: Hello}, { name: 'test1', title: '测试1', component: { template: '
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: '
Step3. Html Element
Step4. Use api to open a tab
this.$taber.open({ name: item.name})
Contributing
Contributing
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~