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

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

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

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

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

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

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

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

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

javascript - vue2.0 サブコンポーネントは $parent.$emit と $on を使用して親コンポーネントと通信し、エラーを報告しますか?

これは子コンポーネントであり、これは親コンポーネントです。vue2.0 では events 属性が非推奨になっているため、子コンポーネントのクリック イベントが親コンポーネントにどのようにバブルアップするのか、親コンポーネントはいつこのイベントをリッスンしてトリガーする必要がありますか? 。子コンポーネントのクリックイベントの下に this.$parent.$... を渡してみます。

仅有的幸福 2017-05-19 10:32:24 0  1  751

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

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

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

JavaScript - カスタム サブコンポーネントが親コンポーネント データを受け取る、v-for を使用して複数のサブコンポーネントをレンダリングする方法

コードから始めましょう。現在、子コンポーネントに 4 つのオブジェクトが渡されています。v-for を使用して 4 つの子コンポーネントをレンダリングするにはどうすればよいですか? v-for は親コンポーネントのテンプレートに配置する必要がありますか? それとも子コンポーネントに配置する必要がありますか?

PHP中文网 2017-05-19 10:44:00 0  1  610

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

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

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

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

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

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

ReactJSで子コンポーネントから親コンポーネントにデータを渡すにはどうすればよいですか?

次のように子コンポーネントからその親にデータを送信しようとしています: constParentComponent=React.createClass({getInitialState(){return{ language:'',};},handleLanguageCode:function(langValue){this.setState ( {言語:langValue});},render(){return(&

P粉441076405 2023-08-27 13:34:07 0  2  430

javascript - vue2.0の子コンポーネントはデータを親コンポーネントに渡すだけですか?

これが親コンポーネント、これがサブコンポーネントです。効果を説明します。「All」、「Recommend」、「Tucao」をクリックして selectType の値を変更し、選択したボタンの背景を切り替えます。 「チェックマーク」をクリックして選択を表示し、選択を解除すると、サブコンポーネントの selectType とonlyContent の 2 つの値が表示されます...

给我你的怀抱 2017-05-19 10:34:07 0  2  731

子コンポーネントがプロパティデータを変更した後に、親コンポーネントの計算されたプロパティを更新します。

オブジェクトのさまざまなプロパティを更新する役割を担う多数の UI コンポーネントを含む、比較的複雑な API リクエスト オブジェクトを作成する必要があります。基本的なリクエスト モデルを prop として親コンポーネントからその子コンポーネントに渡し、子コンポーネントはそれを自分のコンポーネントに (世代を超えて) 渡します。親レベルには、このデータ モデルのフィールドを返す計算プロパティと、その計算プロパティの監視があります。子コンポーネントがモデルのプロパティを更新すると、それを参照するすべてのプロパティが正常に更新されますが、親コンポーネントの計算されたプロパティは再計算できないため...

P粉633733146 2024-02-26 11:56:21 0  1  312

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

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

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

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  571

VueJs: 子コンポーネントの選択値を変更した後にタッチする

私は VueJs を使用しており、親コンポーネントにこの子コンポーネントがあり、子コンポーネントの選択が変更されたときに親コンポーネントで関数をトリガーする必要があります。サブコンポーネント: watch:{selectCoin(){this.$emit("currencyType",this.selectCoin["title"]);}} 親コンポーネントで使用するサブコンポーネント: <app-select-coin@coin= "body .val

P粉878542459 2023-09-04 17:10:56 0  1  584

親コンポーネントの配列に対する子コンポーネントの更新によって引き起こされる無限の再レンダリングを防止します

Student (子) コンポーネントでは、変数の値が変更されると、useEffect フックが handleStudentsChange (親コンポーネントによって提供される関数) を通じて親配列を更新します。 Student (親) コンポーネントに Student (子) コンポーネントのリストを表示する 無限ループを防ぐために、useCallback フックを使用して handleStudentsChange 関数を定義します。しかし、うまくいかないようです。質問/質問 変更が発生すると、handleStudentsChange は無期限に実行されます。これはなぜですか?同様に

P粉197639753 2024-02-26 10:26:24 0  1  482

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

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

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

vue 3 のコンポーネントからサブコンポーネントにデータを送信する

親コンポーネントの formTelemarketing から子コンポーネントの nAsignedCalls にデータを送信してこれを実行しようとしています。送信ボタン（送信ボタンではなく）をクリックしたときに、親プロパティで prop:{register:Number} を実行しています。フォームにデータが入力されることになっており、アクション ボタンは関数 searchRegisters を呼び出し、フォームから値を取得し、$emit this.$emit("register を使用してコンポーネントに props を送信します)

P粉481815897 2023-09-01 17:12:52 0  1  597

javascript - Vue.js マスターにアドバイスを求めます。サブコンポーネントのpropsの文字列データに関しては、data配下の親コンポーネントの変更に伴って変更されることはありません。

以下の公式コードにあるように、親コンポーネントが入力の値を変更すると、子コンポーネントのspanタグのテキストが変更されます。 {コード...} ブラウザ効果 次に、子コンポーネントに data 属性を追加し、&lt;span&gt; タグ内でバインドされているフィールドを {{msg}} に変更すると、入力が外部に入力されるようになりました...

習慣沉默 2017-05-19 10:28:49 0  3  667

サブコンポーネントが Vue にマウントされているかどうかを確認するにはどうすればよいですか?

子コンポーネントがインストールされているかどうかを確認し、その情報を親コンポーネントに移動したいと考えています。このために私はlaunchを使用します。ここで親コンポーネントの例を示します。 <child@is-child-mounted="childMounted"/>exportdefault{data(){return{childMounted:false,};},mounted(){if(this.childMounted ){ //ドソム

P粉401527045 2023-12-26 19:49:44 0  1  424

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

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

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