vue-template-admin中的tabs标签页用elementui组件中的tabs实现

vue-template-admin中的tabs标签页用elementui组件中的tabs实现。

• 看下这篇博客，也许你就懂了，链接：vue ElementUI Tabs 标签页的使用
• 除此之外, 这篇博客: Vue造轮子-Tabs测试(下)中的 3. 测试tabs-item组件 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• describe('TabsItem', () => {
    it('存在.', () => {
      expect(TabsItem).to.exist
    })
  
    it('子组件接收 name 属性', () => {
      const Constructor = Vue.extend(TabsItem)
      const vm = new Constructor({
        propsData: {
          name: 'xxx',
        }
      }).$mount()
      expect(vm.$el.getAttribute('data-name')).to.eq('xxx')
    })
  
    it('子组件接收 disabled 属性', () => {
      const Constructor = Vue.extend(TabsItem)
      const vm = new Constructor({
        propsData: {
          disabled: true,
        }
      }).$mount()
      // expect(vm.$el.classList.contains('disabled')).to.be.true
      const callback = sinon.fake();
      vm.$on('click', callback)
      vm.$el.click()
      expect(callback).to.have.not.been.called
      // 测试覆盖率,目前是坑之后再填
    })
  });

在Vue.js中使用Element UI实现tabs标签页的步骤如下：

安装Element UI：在终端中运行 npm install element-ui 命令。

引入Element UI：在需要使用的Vue组件中引入Element UI。

使用Tabs组件：在模板中使用 el-tabs 组件，并指定tabs选项卡的标题和对应的内容。

这样，就可以在Vue-template-admin中使用Element UI的tabs组件实现标签页效果了。