相信大家在使用vuejs时候会用到很多的第三方库,能够找到适合自己的库并且加以使用可以大大加快进度,减少bug。但是很多时候会出现这样一个尴尬的境地:

基线的第三方组件并不能很好地满足我们自己地需求,那么到底应该怎么办?

本文试图说一下我的方法。

我在使用element-ui作为标准组件库时使用了其中的el-steps/el-step,就是能够显示不同步骤的一个UI。但是我希望能够支持直接点击步骤切换回已经完成的步骤来做修改,这是很正常的需求。meiyi

比如在做一个作业系统时,要提交新的习题必须经过多个步骤,而每一个步骤完成后,可能我们要返回去做修改。

而原生的el-step却不支持这个功能,要实现该功能又希望基于elementui现成的组件,我的思路是:

1. 通过extends el-step组件定义成自己的my-el-step

2. template必须使用el-step完全一样的,至少不能有大的改动

3. 使用el-steps和my-el-step来配合实现这个步骤展示和回退的UI功能

最新文章

  1. jQuery鼠标经过显示大图
  2. Kafka 高可用设计
  3. php二维数组按照键值排序的方法
  4. (2)艺术创新思维的PS成果
  5. javascript arguments与javascript函数重载
  6. Git 设置别名[alias]
  7. SharePoint 2010 用xsl文件定制列表样式
  8. [置顶] ios 水果连连看游戏源码
  9. Asp.net SqlDataReader转成Datatable
  10. 微型orm框架--dapper的简单使用
  11. CF #401 (Div. 2) E. Hanoi Factory (栈+贪心)
  12. 分布式作业 Elastic Job 如何动态调整?
  13. 用Cordova打包Vue-vux项目
  14. C#基础知识汇总(不断更新中)
  15. SPOJ GSS系列
  16. SQL经典问题:找出连续日期及连续的天数
  17. (转)Springboot邮件服务
  18. iOS 时间校准解决方案
  19. java设计模式-工厂系列
  20. vue---设置缩进为4个空格

热门文章

  1. Linux内核调试的方式以及工具集锦【转】
  2. 【微信小程序】开发实战 之 「视图层」WXML & WXSS 全解析
  3. ubuntu 16.04下node和pm2安装
  4. Java同步和异步,阻塞和非阻塞
  5. com.github.pagehelper.PageHelper cannot be cast to org.apache.ibatis.plugin.Interceptor
  6. 后来,我发现,要想用好WIMBuilder2你必须具有以下能力:
  7. Linux性能优化实战学习笔记:第五十八讲
  8. [LeetCode] 465. Optimal Account Balancing 最优账户平衡
  9. Linux系统运维笔记(6),CentOS 7.6双网卡路由配置
  10. thinkphp5.1 - twig模板-全局变量