Vue-Tabs:多tab页框架替代router支持vue2.0

网友投稿 641 2022-10-26

Vue-Tabs:多tab页框架替代router支持vue2.0

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: '

测试1

' }}]

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: '', components: { App }})

Step3. Html Element

Step4. Use api to open a tab

this.$taber.open({ name: item.name})

Contributing

Contributing

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:P5709 【深基2.习6】Apples Prologue
下一篇:P1319 压缩技术
相关文章

 发表评论

暂时没有评论,来抢沙发吧~