elementplus のダイアログ ボックスは、次のようによく使用するコンポーネントです。
ダイアログ ボックス内のテンプレートにデータを渡す必要がある場合があります。たとえば、ダイアログ
ボックス内のテーブルに問題がある場合は、コンポーネントを使用してカプセル化します。ダイアログ ボックス ボックス、および echarts ダイアグラムがダイアログ コンポーネントで使用され、ダイアログ コンポーネントが必要なページのコンポーネントで参照されている
問題: echart グラフが表示されない
問題の理由:ダイアログ ボックスがレンダリングされた後に echarts グラフがレンダリングされ、ダイアログ ボックスの後にダイアログ コンポーネント内の echarts の初期化メソッドが記述init()されていないため、レンダリング プロセスに問題があります。dialogVisible = true
つまり、ページ上のダイアログ ボックスをクリックし、ダイアログ ボックスのコンポーネント ページで、echarts の **init()** メソッドを実行しませんでした。これは、echarts グラフがメソッドをバインドしないためです。テンプレートで. クラスを介してのみレンダリングされます
解決策は、ダイアログ ボックスを参照するときにnextTick()echarts グラフを再レンダリングするメソッドを使用することです。