相信你們在使用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功能方法