問題タブ [vuetify-tabs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vuetify.js - ルーターと動的にネストされたルートを含む Vuetify タブ
私はVueにかなり慣れていません。私のアプリには、トップ ナビゲーション、サイド ナビゲーション、フッター、およびコンテンツ領域を備えたかなり標準的なレイアウトがあります。コンテンツ エリアは 2 つに分かれており、左側にツリーがあり、右側にタブ インターフェイスがあります。ネストされた動的ルートで vue ルーターを使用しています。
TreeAndTab.vue
Default.vue と TreeAndTab.vue の 2 つのレイアウトがあります。アプリが読み込まれると、Default.vue が使用され、ページはさらに TreeAndTab.vue レイアウトを読み込みます。
TreeAndTab.vue
要件.vue
私が望む流れは次のとおりです。
- ページが読み込まれると、ツリーの最初の項目が選択されます。
- ユーザーがツリーの親ノードをクリックすると、右側の最初のタブが選択され、適切なコンテンツが読み込まれます。ルーターの親ルートです。
- ユーザーが子ロードをクリックすると、ルーターに基づいて 2 番目のタブがロードされます。
ツリーが正しく動作し、正しいルートがアドレス バーに表示されていることがわかります。最初のタブのコンポーネントも正しく読み込まれます。ただし、リーフ ノードをクリックすると、ルートが正しく作成されていても、タブが更新されません。タブが変更されることも、適切なコンポーネントがロードされることもありません。タブ :to などでルート名を使用するなど、さまざまなオプションを試しましたが、何も機能しないようです。
どんな助けでも大歓迎です。必要に応じて、コードを GitHub に投稿できます。
vue.js - ツールバーcrudテーブルを別のタブに表示
グローバルコンポーネントも登録されたcrudテーブルがあり、このテーブル内にcrud操作用のツールバーがあります。
「タブ 1」と「タブ 2」を含む v-tabs コンポーネントがあるとしましょう<br />「タブ 1」にこの crud テーブル
があり、「タブ 2」にこのテーブルの詳細があり、次のような入力が含まれています。 v-text-field または v-combobox…</p>
私の質問は、「タブ 2」の「タブ 1」のクラッド テーブルから Tollbar を表示することは可能ですか?
→はいの場合
、両方のタブにツールバーを表示したいですか?
javascript - v-autocomplete は、タブに「利用可能なデータがありません」と表示できません
問題は、オートコンプリートでアプリケーション タブに「利用可能なデータがありません」と表示されることです。組織タブのオートコンプリートをクリックすると、「利用可能なデータがありません」と表示されません...
アプリケーション.vue
searchView.vue
私の友人はソース コードを試してみたところ、うまくいったと言っています。彼は vuetify バージョンに問題があると言いました。しかし、私は何が問題なのかわかりません...