階層に限定されないElementを実現するNavMenu

管理バックグラウンドの開発には、ElementのNavMenuコンポーネントが必要です.

      
   
      
        1
   

非常に簡単で、But、実際の開発では、このようなことではありません.私たちのナビゲーションメニューは、階層が不確定です.1階かもしれないし、2階かもしれないし、3階かもしれないし、崩壊は崩壊しない.この中規中矩の書き方では、天荒地老と書くようだ.どのように実現するかを整理しましょう.

階建てで、elMenuItemを使って、いいですね~

二層、elSubmenuネストelMenuItemを使って、いいですね~

三層、elSubmenuネストelMenuItemネストelSubmenuを使用して、あまりよくありません

...

何かを連想したのではないでしょうか.はい、再帰します.さっそくvueドキュメントをめくってみましょう.果たして、再帰コンポーネントというものがあります.はっきり言って、コンポーネントの中でコンポーネントを呼び出します.(注意:再帰コンポーネントは必ずname属性を書くことを忘れないでください)だから、急いで実現しましょう.まず再帰が必要なMenuGroupコンポーネントについて書きます

そしてMenuコンポーネントについて書きます

仕事を終える.