SPA Vue.js に共通コンポーネントのヘッダーとフッターを含める方法

vuejs spa でプロジェクトを作成しています。メインの App.vue に含めたい共通コンポーネントのヘッダーとフッターを作成しました。以下のコード構造を共有しています: ファイル App.vue を共有しています: <template><header></header></template><script>importHeaderfrom'./components/Header.vue'/

P粉821274260 2023-08-28 18:16:20 0  1  609

javascript - vue コンポーネント間の通信、エラー報告

コンポーネント間の通信、エラー「ReferenceError: チップが定義されていません」{code...}

黄舟 2017-05-18 10:51:45 0  4  603

React 6.4.0 すべてのルーターの共通ヘッダー

React-router-dom バージョン 6.4.0 を使用して React プロジェクトを開始していますが、すべてのルートに共通のヘッダーを作成できません。 App.js - これは RouterProvider importlogofrom'./logo.svg';import'./App.css';import{Link,Outlet,RouterProvider}from"react-router-dom";import を追加したファイルです

P粉864872812 2023-08-25 17:19:53 0  1  526

TP がモジュール間で共通のビューでテンプレートを使用する方法

404 が共通モジュールに配置されている場合、他のモジュールでどのようにレンダリングして使用できるでしょうか?

ᴬ ᴾᵀ 2018-04-19 17:07:36 0  0  891

phpコンポーザーを会社全体の共通ツールにする方法

php コンポーザーを全社の共通ツールにするにはどうすればよいですか? 経験豊富な学生の方で、その経験、どのような点に重点を置くべきか、または一般的なアイデアを共有していただけますか。ありがとうございます。社内には多くのシステムがあり、公共図書館も利用されています。各システムも非常に異なります。それらはすべて独立しています。私はいくつかのシステムを保守するために Composer を使用したことがありません。

我想大声告诉你 2017-06-16 09:18:43 0  3  861

javascript - vue サブコンポーネントにボタンがあります。クリックすると状態が変わります。この状態は親コンポーネントによってインターフェースを通じて取得されます。つまり、インターフェースの状態を動的に変更する必要があります。

コンポーネント (親コンポーネント) は、インターフェイスを通じてデータのバッチを取得します。親コンポーネントの props は子コンポーネント (B) に渡されます。子コンポーネントがこのデータのバッチをレンダリングした後、ボタンが表示されます。これをクリックすると、現在の状態が変更されます (「ショッピング カートに追加」から「」など)。 「買い物カゴに入れる」の方法が分かりません。クリックと同時に処理ができます...

三叔 2017-07-05 11:03:53 0  2  1017

nginxのサーバー構成の共通部分を抽出する

以下に示すように: {code...} nginx 構成には 2 つのサーバー構成ブロックがあり、それらには同じ php リバース プロキシ構成部分があります。{code...} を抽出して 1 か所に配置するにはどうすればよいですか?各サーバーに 1 回ずつ書き込まないでください (共通の親の http ブロックに入れてみましたが、うまくいきませんでした)。

过去多啦不再A梦 2017-05-16 17:16:37 0  1  523

モジュールの解析に失敗しました: 予約キーワード「interface」が見つかりました

すべてのプロジェクトで使用される共通のページが含まれる共通コンポーネント rd-component を作成しようとしています。このパブリック ページをインポートすると、エラーが表示されます: Moduleparsefailed:Thekeyword'interface'isreserved(15:0) パブリック ページを使用した単純なコンポーネントである最小限の再現可能な例を作成しました: import './App.css' ;importReactfrom '反応';商品をインポートします&qu

P粉841870942 2024-03-21 18:29:51 0  1  402

javascript - <router-view> を使用して Vue によってレンダリングされたコンポーネントはどのように相互に通信しますか?

私は Vue を初めて使用するので、いくつか理解できません。 &lt;router-view&gt; は App.vue に配置されていますが、&lt;router-view&gt; でレンダリングされたコンポーネントがログインやメインと通信したい場合、どのように記述すればよいでしょうか? login.vue のボタンをクリックし、バックグラウンドからユーザーの情報を取得して、メインにジャンプします。

漂亮男人 2017-05-19 10:22:38 0  1  538

関数コンポーネントを反応オブジェクトとして処理するときにエラーが発生しました: オブジェクトは有効な React 子要素ではありません (見つかった: キーを持つオブジェクト)

プロパティが親コンポーネントから渡されたときにレンダリングされるはずの Alert コンポーネントをレンダリングしようとしていますが、「Uncaught Error: Object is not a valid React child (found: with key { message, showAlerts }. 子要素のコレクションをレンダリングしたい場合は、代わりに配列を使用してください。React が関数コンポーネントをオブジェクトとして扱う理由がわかりません。コード サンドボックスのリンク: https://codesandbox.io/s/exciting-スモークミジ

P粉548512637 2023-09-10 11:59:55 0  1  685

javascript - コンポーネント内の値を動的にバインドすることはできません。

これがこれから書くコンポーネントのコードと、コンポーネントではないコード {code...} 一番下が JS {code...} 最終的なレンダリングが {code...} コンポーネントではないもの以下のコードでは、値は通常、動的な値の動物として表示され、上はコンポーネントです。名前とラベルは通常の値です。

曾经蜡笔没有小新 2017-05-19 10:18:31 0  1  386

JavaScript - メタに関する次の段落は何を意味しますか?

{コード...} マスターがそれを詳細に説明し、そのマスターが作成したメタの使用法の完全なコレクションを共有できますか?

高洛峰 2017-05-19 10:41:48 0  3  624

javascript - vue2.0 は、複数の同一のコンポーネントを動的にロードし、コンポーネント内のデータに異なる値を入力し、最後ではないコンポーネントを閉じるときに、破棄された値が最後のコンポーネントの値になります。

Vue2.0 は複数の同一コンポーネントを動的にロードし、コンポーネント内のデータに異なる値を入力します。最後ではないコンポーネントを閉じるときに、破棄された値が最後のコンポーネントの値になります。コンポーネントのロード方法: コンポーネントは配列であり、カスタム イベントを通じてレンダリングするコンポーネントを取得し、コンポーネントにプッシュします。 &lt;com...

黄舟 2017-07-05 11:00:36 0  1  1419

JavaScript - イベントバスを使用してインスタンスプロパティを操作するにはどうすればよいですか?

イベント バスは兄弟コンポーネント間の通信に使用されます。これはコンポーネントの 1 つです: qdb_list {code...} click イベントがトリガーされると、qdb_change コンポーネントにジャンプします。これはその兄弟コンポーネントです: qdb_change {code. ..} ここで、属性への代入操作はすべて無効です。

天蓬老师 2017-05-19 10:28:29 0  2  614

プロジェクト間で React コンポーネントを共有する

概念的な問題。 2 つの異なる React サービスで 2 つのプロジェクトを実行しています。多くのコンポーネントを 2 つのプロジェクト間で共有できます。共有コンポーネントを含む「ライブ」プロジェクトを作成し、複数のプロジェクトでこれらのコンポーネントをリアルタイムで使用できるようにするには、これをどのように設定すればよいでしょうか。検索してnpmパッケージで実現できることを知り、インストールしたのですが、これではリアルタイム性が失われるのでしょうか？コンポーネントを独立したプロジェクトとして開発したり、複数のプロジェクトを一緒に開発したりする方法はありますか。

P粉225961749 2023-09-21 00:01:52 0  1  690

javascript - 依存関係の減少に関する Webpack の問題

私には common.less と constant.less があり、これは 2 つの共通のlessです。 さて、たとえば、react でポップアップ ボックス コンポーネントを作成する場合、demo.less を導入する必要があります。 demo.less は common.less と constant.less に依存します。 別のリストコンポーネントを作成する予定ですが、リストが必要です...

为情所困 2017-05-16 13:44:21 0  1  826

Vue コンパイルで共有される計算関数を別のパッケージに分ける

異なるパッケージ間で共通の vue/nuxt 固有のコードを共有するにはどうすればよいですか?モノリポジトリを使用したくありませんが、独自のパッケージに分離したい共有コードがいくつかあります。この共有コード (新しいパッケージ) は @nuxtjs/composition-api を使用して記述されており、計算されメソッドが共有され、さまざまなコンポーネント/テンプレートで繰り返し使用されます。このパッケージをプラグインとして設定したくありません。代わりに、(composition-api と同様に) ツリーシェイクを利用するために直接インポートします。 rollupjs の使用に慣れています

P粉421119778 2023-09-01 17:46:49 0  1  705

Blazor wasm で行ホバーを実装する方法

コレクション内の変数行の数に基づいて変更される Blazor テーブル コンポーネントがあります。 項目名 説明 アップローダー アップロード日 @foreach(variiteminItems){@item.Name@item.Description@item.UserName@item.UploadDate.ToString( " dd-MM-yyyy")DoWork} 私がしなければならないことは、マウスが行の上にあるときに、その行の特定の要素のみが有効になることです。例えば、

P粉425119739 2023-08-13 16:53:14 0  1  514

「ページが更新されるかリンクがクリックされた後、vue ルーターの最後のルートはレンダリングされません。」

メニュー リンクをクリックすると、最後の vue-router コンポーネントは正常に読み込まれますが、リンクを共有するかページを更新すると、コンポーネントがレンダリングされません。最後のルートでのみ発生するため、何が問題なのかわかりません。リンクは次のとおりです: https://www.hvarboating.com/speed-boat-hire-hvar-flyer747 私のルーター: importVuefrom'vue'importVueRouterfrom'vue-router'

P粉277824378 2023-08-26 10:27:45 0  1  563

React コンポーネント ライブラリ + SASS モジュール性

React コンポーネント ライブラリの開発を始めており、他の非 React プロジェクトと共有している SCSS コードの一部を再利用したいと考えています。これを実現するために、React コンポーネントで SASS モジュールを使用しようとしています。単純な使用例は問題なく機能しますが、コンポーネント ライブラリを作成しているため、ボタンなどの特定のコンポーネントに複数のスタイルの組み合わせが必要です。さて、ボタンコンポーネントに問題があります。このコンポーネントは非常に単純ですが、3 つの異なるバリアント値があります。これは Button.tsx ファイルです: importReactf...

P粉818306280 2024-03-26 21:31:03 0  2  432