垂直展開スタイルの vue + webpack パッケージ化プロジェクトを維持するために elementUI のメニュー メニューを変更 elementUI のソース コードを変更

最近バックエンド管理システムに取り組んでいたのですが、左側のメニュー ナビゲーション バーを展開したままにする必要があり、vue+elementUI を使用しました。

1.default-openeds を使用して、バックグラウンドから取得したすべてのナビゲーション データを展開します。

2. メニューのソース コードを変更し、第 1 レベルのディレクトリをクリックして閉じる関数と開く関数をコメント アウトします。

まず、elementUi のソース コードをローカルにダウンロードする必要があります。

圧縮パッケージを直接ダウンロードし、npm install コマンドをローカルで実行し、npm run dist を実行してテストしました。

フォルダー内でソース コード フォルダー element-dev/element_ui/packages/menu/src/menu.vue を見つけます。

現れる

注釈を付ける

次に、npm run dist を再実行します。

最も重要なことは、element_ui の lib ファイルを vue プロジェクトの node_modules/element-ui lib に置き換えることです。

プロジェクトを再実行すると、左側のナビゲーション メニューが展開されたままになります。

おすすめ

転載: blog.csdn.net/a_grain_of_wheat/article/details/107971741