资讯专栏INFORMATION COLUMN

Vue render函数实战--实现tabs选项卡组件

makeFoxPlay / 1647人阅读

摘要:最近的一个简单项目中正好要用到选项卡组件,由于项目简单也就没有使用任何第三方库,于是就自己动手写了个选项卡组件。

用过Element  ui库的童鞋肯定知道组件,简单、好用、可以自定义标签页,不知道广大童鞋们在刚开始使用组件的时候有没有想过它是如何实现的?我咋刚开始使用组件的时候就有去想过,也想去实现一个超级简单的tabs选项卡组件,无奈当时功力不够,未能实现。最近的一个简单项目中正好要用到选项卡组件,由于项目简单也就没有使用任何第三方库,于是就自己动手写了个选项卡组件。
1、实现tabs选项卡组件的思考

    用户管理
    配置管理
    角色管理
    定时任务补偿

问题:

如何根据来生成标签页?

如何过滤组件中的子元素,使得在使用的时候只显示,而不会显示其他组件或div之类的元素?

2、实现思路

想根据来生成标签页就需要使用到,使用