あるコンポーネントから別のコンポーネントにドキュメント ID を渡す方法

あるコンポーネントでドキュメントを作成し、その ID を別のコンポーネントで使用したい 別のコンポーネントでドキュメント ID を使用する方法

P粉821231319 2024-03-20 08:43:56 0  1  548

入力値の状態を親コンポーネントから子コンポーネントに渡す React メソッド

配列全体をマップし、さまざまな子コンポーネントの反復を出力する親コンポーネントがあります。親コンポーネントの状態にアクセスしようとしていますが、子コンポーネントから「inputValue」の正しい状態を抽出して親コンポーネントに配置する方法がわかりません。理想的には、inputValue 状態と isValidated 状態の両方が親コンポーネントに存在し、さまざまなフォームベースの関数で使用できるようにしたいと考えています。親コンポーネント: importReact,{useState}from'react';import

P粉300541798 2023-09-17 00:11:51 0  1  767

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

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

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

javascript - Vue でサブコンポーネントから親コンポーネントにパラメータを渡す方法

背景: Vue+ES6 では、親コンポーネントが作成された後に子コンポーネントが呼び出され、onclick イベント トリガーが基になるコンポーネント (子コンポーネントの子コンポーネント) にカプセル化されています。親コンポーネントにイベント バインディングはありませんか? 親コンポーネントはパラメータを渡しますか?

给我你的怀抱 2017-05-19 10:20:59 0  8  878

子コンポーネントは、id パラメーターを含む関数を親コンポーネントに渡すことができますか?

Reactを使用して、子コンポーネントから親コンポーネントにidパラメータを持つ関数を渡すことは可能ですか?関数をプロパティとして親コンポーネントに渡そうとしています。コンポーネント ソリューションは、アプリ コンポーネント -> タスクリスト コンポーネント -> タスク コンポーネントです。したがって、特定のタスクをクリックしてそのタスクにルーティングし、その個別の ID を使用する必要があります。重要なのは、URL をクリックしてタスクにルーティングすると、/task/009 に変更されますが、タスク コンポーネントはレンダリングされないということです。 https://co...

P粉550323338 2024-03-20 10:58:24 0  1  492

javascript - vue がコンポーネント動的コンポーネントを使用できないのはなぜですか?

1. コンポーネントを使用したコンポーネントの動的追加が失敗するのはなぜですか? <template> {code...} </template>import modal from './company/modal.vue'export default { {code...} } なぜですか?最初にコンポーネントを動的に追加できます...

仅有的幸福 2017-05-31 10:39:56 0  2  868

javascript - 子コンポーネントは親コンポーネントのカスタム イベントをトリガーしますが、親コンポーネントは応答しません。

以下がサブコンポーネント @change='showChange' がサブコンポーネントイベントです 以下のテンプレートがオーダー型コンポーネントとして登録されています {code...} 以下がサブコンポーネントのメソッドです: {code..以下は親コンポーネント {code...} ですが、alert(2) は実行されません

大家讲道理 2017-07-05 11:03:26 0  3  1074

vue3 js コンポーネント: コンポーネントが更新されていません

API からデータを収集するコンポーネントがあります。 API から返されるデータは、詳細を含む配列です。配列内の値の 1 つはレンダリングされるコンポーネントのタイプであり、他のすべてのデータはコンポーネントに渡されます。データベースから返された値に基づいて正しいコンポーネントをレンダリングしようとしていますが、残念ながら機能しません。私は Vue を初めて使用しますが、vue2 では動作しますが、コンポジション API を使用して Vue3 でも動作したいと考えています。これは置き換えたいコンポーネント コードです: <component:is="question.type...

P粉779565855 2024-02-25 14:50:02 0  2  539

配列をコンポーネントに渡す

React は初めてなので、次の点で助けが必要です。コンポーネントをレンダリングするために配列リストを受け入れるコンポーネントがあり、配列でレンダリングされたコンポーネントを操作するには別のコンポーネントが必要です。ここで、API 呼び出しを介して配列を渡す必要があります。 現在、次のモック データを渡しています:exportconstmockData=[{title:'ABC',value:'$7,999',diff:

P粉006540600 2023-08-15 17:00:37 0  1  649

別のコンポーネント内で Vue コンポーネントを動的にレンダリングする

Vue3.2.41-@heroicons/vue2.0.14-inertiajs1.0-vite4.0.0 を使用して、これを使用して Vue コンポーネントを呼び出しています。 コンポーネントは次のようになります: <template><component:is="icon"/><! -- 動作しません --><CalendarDaysIcon/><!--動作します-->&

P粉764003519 2023-08-30 20:51:07 0  2  623

Vue 3を使用して子コンポーネント内の親コンポーネントの参照を変更する

Navbar という子コンポーネントがあります。ログアウトはナビゲーション バーのオプションです。 <a@click="(event)=>{event.preventDefault();}">ログアウト</a> この Navbar を Home という親コンポーネントにインポートしました。 Home コンポーネントには、div (モーダル ボックス)、<divclass="modal"v-if=&quot があります。

P粉615886660 2023-12-05 14:45:34 0  2  642

javascript - vue では、親コンポーネントがインスタンス化された後、子コンポーネントもインスタンス化されますか?

Vue では、親コンポーネントがインスタンス化された後、子コンポーネントもインスタンス化されますか?そうでない場合、サブコンポーネントをインスタンス化する方法

给我你的怀抱 2017-05-19 10:44:40 0  1  644

JavaScript - vue の親子コンポーネントがデータを渡す

親コンポーネントは子コンポーネントに配列を渡します。このデータは子コンポーネントで呼び出す必要があります。渡す方法は? 1. 子コンポーネントは親コンポーネントのデータを受け取るために props を使用しますが、js では使用できません。 2. wacth メソッドを使用して監視し、まったく実行しません。答えてください、ありがとう！

高洛峰 2017-06-26 10:57:44 0  4  1084

Vitest で React コンポーネントをシミュレートする

子コンポーネントがモックされるときに、親コンポーネント内の子コンポーネントが正しい props を使用して正しく呼び出されることをテストするにはどうすればよいですか。エラーが発生します: RangeError: Maximumcallstacksizeexceeded 私の vitest 構成: importsvgrfrom'vite-plugin-svgr'import{defineConfig}from'vitest/config'importtype{UserConfig}from'vitest/c

P粉547420474 2024-01-16 11:10:45 0  1  592

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

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

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

javascript - vue 内の 1 つのコンポーネントが別のコンポーネントのイベントをより適切にリッスンするにはどうすればよいですか?

親コンポーネント APP の下に 4 つのルーティング コンポーネント A、B、C、および D があります。これら 4 つのルーティング コンポーネントの下には、それぞれサブコンポーネント A1、B1、C1、および D1 があります。アプリの下には E コンポーネントもあります。これらのコンポーネント A1、B1、C1、および D1 をクリックすると、E コンポーネントのメソッドがトリガーされ、対応するパラメーターが E コンポーネントのメソッドに渡されます。さて、私の方法は...

習慣沉默 2017-06-14 10:53:44 0  1  730

javascript - VUE 親コンポーネント モデルが変更された後、子コンポーネントに渡される props が変更されないのはなぜですか?

VUE 親コンポーネント モデルが変更された後、子コンポーネントに渡される props が変更されないのはなぜですか?親コンポーネント {コード...} 子コンポーネント {コード...} テスト メソッドをクリックした後、親コンポーネントのバナーを変更しましたが、バナーがサブコンポーネントに渡された後、サブコンポーネントのモデルが変更されないのはなぜですか?

習慣沉默 2017-05-19 10:30:47 0  2  765

コンポーネントとそのプロパティ/メソッドを別のコンポーネントにインポートする

コンポーネント LogoutButton.vueexportdefault{data(){return{}},methods:{Logout(){console.log("something")}}}</script><template><button@click="Logout" がある場合>ログアウト</ボタン>&

P粉696605833 2023-09-12 14:18:12 0  1  550

Vue 3 でのコンポーネントのインポート

こんにちは、Vue3 にコンポーネントをインポートしようとしています。これは私のコンポーネント構造です: +src+App.vue+components+Navbar.vue 私の App.vue で次を試しました: <scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/vue/ 2.5.17/ vue.js"></script><テンプレート><

P粉564192131 2024-01-21 16:26:14 0  2  713

JavaScript - React コンポーネントのプロパティと状態の問題

ここでアイデアはありますが、これまで具体的に実行したことがないので、実現可能かどうかはわかりません。例: {Code...} 親コンポーネントには、再利用された複数の子コンポーネントが含まれる場合があります。親コンポーネントはサーバーからデータを取得する責任を負い、子コンポーネントは親コンポーネントによって取得されたデータをレンダリングする責任を負います。これはすべて正常です。今...

我想大声告诉你 2017-06-26 10:57:39 0  6  842