基于第三方vuejs库组件作适配性个性开发

相信你们在使用vuejs时候会用到不少的第三方库,可以找到适合本身的库而且加以使用能够大大加快进度,减小bug。可是不少时候会出现这样一个尴尬的境地:vue

基线的第三方组件并不能很好地知足咱们本身地需求,那么到底应该怎么办?element-ui

本文试图说一下个人方法。ui

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

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

 

 

而原生的el-step却不支持这个功能,要实现该功能又但愿基于elementui现成的组件,个人思路是:同步

1. 经过extends el-step组件定义成本身的my-el-stepejs

2. template必须使用el-step彻底同样的,至少不能有大的改动bug

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

相关文章
相关标签/搜索