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

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

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

javascript - vue のスワイプ プラグインがデータの値が更新された後に dom を再更新しないのはなぜですか?

これはバナー ダイアグラム、vue で書かれたスワイプ カルーセル コンポーネントです。これは渡される初期値です。ページが読み込まれるたびに、ローカル ストレージから値が取得されます。値があれば、直接渡されます。同時に、サーバーにリクエストを送信します。ニュース情報、this.news を更新し、この時点でスワイプで再渡します。コンポーネントの新しい値...

習慣沉默 2017-05-19 10:18:49 0  4  573

子コンポーネントから親コンポーネントに複数の入力値を渡すVueメソッド

**複数の子コンポーネントを渡す方法は誰でも知っています。入力値**<template><div><v-rowalign="center"><v-select:items="langages"v-model="selectedOption"@input="changeLanguage()"outl

P粉476475551 2024-03-26 20:44:01 0  1  410

javascript - Vue の 'v-for' ループで、子コンポーネントが 'prop' 値を受け取り、更新されないという奇妙な問題が発生しています。分析してください。

現在、「すべてのロール」ページに入っていますが、renderSource の値はまだすべてのモジュール コンポーネントによって渡される値であり、すべてのロールによって渡される値に更新される必要があります。すべてのモジュールに再度アクセスすると、renderSource は以前にすべての文字によって渡された値に更新されます。このように、前後にクリックすると、prop は renderSour...

仅有的幸福 2017-06-26 10:55:09 0  1  1049

vue-cookies は値を取得し、実際の値の代わりにオブジェクトを返します。

vue プロジェクトで vue-cookiesnpm パッケージを使用しています。パッケージのインストール、プロジェクトでの初期化、Cookie の設定には問題ありません。ただし、Cookie に保存されている値をキーで取得しようとすると、保存されている値は表示されず、代わりに [objectObject] が表示され、何が問題なのかわかりません。これは私のコードです: this.cart.push ( {製品ID:this.product._id,製品:{製品名:this.pr

P粉878510551 2024-01-01 13:57:08 0  2  543

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

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

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

JavaScript - vue とコンポーネント間のデータ転送が失敗する

2 つのコンポーネント間のデータ転送にはイベント バスが使用されますが、データの割り当て中に問題が発生しました。データを受け取るコンポーネント: {code...} コンソール、ログには、作成された関数が呼び出されたことが示されます。ムービーは再割り当てされましたが、インターフェイス上の UI は変更されておらず、印刷...

phpcn_u1582 2017-05-19 10:46:04 0  3  687

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

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

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

配列オブジェクトのプロパティ値を変更する方法

配列オブジェクトと配列があります。この配列内のどの値が配列オブジェクト内の値と一致するかは、状態を変更する必要があります (true など)。 arrObj の出力は次のようになります: [{name:"Test1",status:true},{name:"Test2",status:false},{name:"Test3",status:true}]デモ: https:// stackblitz.com/e

P粉618358260 2023-09-03 14:27:32 0  1  370

Pinia の状態を変更した (配列内のオブジェクトを削除した) 後、Vue コンポーネントが再レンダリングされないのはなぜですか?

pinia の users 配列を変更する deleteHandler 関数があります。ただし、vue の devtools では、状態は変更されますがコンポーネントは再レンダリングされませんが、配列からオブジェクトを削除すると、いくつかの値を変更するだけで、vue はそれを認識し、コンポーネントを再レンダリングします。配列オブジェクトは機能しません。 constdeleteHandler=(user)=>{//doesn'trendersuseUser.users=useUser.us

P粉763748806 2023-12-30 14:57:42 0  1  468

javascript - vueコンポーネントバインディングの計算されたメソッドの戻り値、バインディング例外が発生しますか?

図に示すように、上記のコード コンポーネント div.star は、計算された属性メソッドによって返される値にバインドされており、これは計算された属性であり、最終的にバインディング例外が発生します。

某草草 2017-06-26 10:54:52 0  3  929

mongodb - koa の 2 つのミドルウェア間で値を渡すにはどうすればよいですか?

2つのミドルウェア間で値を渡す方法 {code...} 上記のように、1番目のミドルウェアのpostで取得したボディを2番目のミドルウェアに渡し、2番目のミドルウェアに格納したいと考えています。どうやって入手すればいいですか？

巴扎黑 2017-05-02 09:24:15 0  2  616

ReactJS コンポーネントのプロパティ値を別のコンポーネントに渡すことができません

Home.js コンポーネントの Navbar.js コンポーネントの寸法オブジェクトの最新の更新値を取得するにはどうすればよいですか? Home.js から Navbar.js にコールバック関数を小道具として渡そうとしましたが (Home.js は Navbar.js の親コンポーネントであるため)、新しく更新されたディメンションの状態値を Navbar.js に保存できません。 useEffect の依存関係としてディメンションの状態を渡すと、無限ループが発生します。私を助けてください。 **Home.js

P粉647504283 2023-08-16 00:30:36 0  1  567

Vue で、子コンポーネントから出力された値を取得し、それを親コンポーネントの戻りデータで使用するにはどうすればよいですか?

Topbar コンポーネントによって渡されたタイトル値を取得し、その値を data() の戻り部分で使用するにはどうすればよいですか?値を渡すメソッドを追加しようとしましたが、残念ながら、親ファイルに値をコンソールに記録することはできましたが、機能しませんでした。私はまだ vuejs の初心者なので、この問題について助けていただければ幸いです。ありがとう！ <テンプレート><div><Topbar:tabs='tabs'@pass-data="getTabTitle"/

P粉523625080 2023-12-19 20:43:06 0  1  449

javascript - vueでのコンポーネント分割と組み合わせ使用の問題

私は Vue を初めて使用します。現在、グリッド コンポーネントとダイアログ コンポーネントを使用して小さな演習を行っています。グリッドの各行に削除ボタンがあり、クリックすると、削除するかどうかを確認するポップアップ ウィンドウが表示されます。グリッドコンポーネントは以下の通りです: ダイアログコンポーネントは以下のようになります: App.vueでvueインスタンスを作成し、グリッドコンポーネントを導入します さて、ダイアログをどうすべきかわかりません...

漂亮男人 2017-05-19 10:37:17 0  1  616

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

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

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

JavaScript - vueコンポーネントのイベントの問題

vueコンポーネントでjsオブジェクトメソッドを呼び出すにはどうすればよいですか?ここで、呼び出しにより Uncaught TypeError がトリガーされます。cook.tag は外部オブジェクト メソッドである関数ではないため、解決策は {code...} {code...} です。

某草草 2017-05-18 11:01:42 0  1  469

JavaScript - vue の親子コンポーネントで属性を介してデータを渡すときに問題が発生する

v-header コンポーネントを含むアプリ コンポーネントを作成しました。v-header コンポーネントでは、次のフォームを通じて販売者を受け取りましたが、エラーが発生し続けました。形式に問題があるかどうかはわかりません。

阿神 2017-05-16 13:38:22 0  3  612

JavaScript - vue 要素 ui アップロード ファイル コンポーネントの使用方法

element-uiのアップロードコンポーネントの使い方を教えてください。デモを見てみるのが一番です。公式サイトを見てもよくわかりません！ありがとう

黄舟 2017-06-26 10:52:20 0  1  1335

関数配列の値を返す JavaScript の問題

JS のクロージャー問題を勉強していたときに、JS の高度なプログラミングのコード例を入力して実験しましたが、結果が一貫しておらず、理解できませんでした。 {コード...} このコードの結果は、それぞれの値が 10 である配列を返すはずですが、ブラウザで試してみたところ、関数番号が返されることがわかりました...

为情所困 2017-05-19 10:30:05 0  3  518