問題タブ [element-ui]

Element.ui ツリーコンポーネントを使用して Vue (クラウド ディスクのようなもの) で SPA を作成し、フォルダー ツリーを表示します。問題は、ツリー自体がすべてを一度にロードするのではなく、遅延修飾子の助けを借りて順次ロードされることです。

サーバー部分はmongoose + mongoose-path-treeです。mongoose-path-tree の使用は、データベース内のツリー ストレージ スキームが次にあることを意味します。各ノードはその子について認識しませんが、子はルート要素へのフル パスを格納します。

問題は、ユーザーがツリーに変更 (ファイルのロード、新しいフォルダーの作成など) を行い、サーバーがそれらを受け入れる場合、新しいデータをロードする必要があることをツリーに通知する方法です。ドキュメント内の要素 ui は、ツリーの再描画を引き起こすイベントをキャプチャする方法を説明していません。

クライアント ツリー テンプレート

新しいノードのロード

私はElementUi NavMenuを使用しておりcreateElement、.vueファイルではなく、メニューのタイトルとインデックスを含むJSON、HTMLおよびJSファイルのみを使用して、メニューの項目を作成する方法でrender関数を使用しています。

メニューがマウントされ、クリックするとサブメニューが表示されますが、サブメニュー (el-menu-item) のアクションが機能しません。メニュー項目の作成時に属性クリック、アイテムクリック、v-on:クリックを試してみました（ElementUiのドキュメントでは@click使用する必要があることが示されていますが、これによりcreateElement属性が定義されているときにエラーが発生します）が、誰もメソッドが宣言されていないかのように、エラーは発生しません。

el-menu-item では属性のみonclickが機能しますが、それを使用すると vue コンポーネントのメソッドが呼び出されないため、コンポーネントの外部 (たとえばクラス) で関数を作成する必要があり、この関数がコンポーネントメソッドの呼び出しを実行し（私は $ エミットを試みます）、コンポーネントのメソッドが見つからないため、エラーが発生します。

@click同じコンポーネントのメソッドを呼び出すために、コンポーネントのレンダリング関数内のel-menu-itemに(または同様の)イベントを追加するにはどうすればよいですか?

ElementUI の NavMenu のドキュメント。

メニュー項目の作成方法:

私は vue js プロジェクトを開始していますが、かなりいい感じのElement UIを使用することにしました。

問題は、配置されている列と同じ幅のブロック ボタンを作成する方法をドキュメントで見つけることができないことです。

ご指摘いただければ幸いです。ありがとうございました！