問題タブ [native-web-component]

質問する

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.

137 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
68 参照

javascript - Web コンポーネント間の通信

Web コンポーネントとバニラ JavaScript を使用してプロジェクトを構築しています。

と呼ばれるコンポーネント/モジュールがありますmeal.module-これは、コンポーネントの親コンポーネントでありmeal-list、meal-search.

  • 食事リストは、API からの複数の食事を表示します。
  • 食事検索には、属性として入力フィールドと検索語が含まれています。

食事.module.js

食事リスト.コンポーネント

食事検索.コンポーネント

検索コンポーネントでは、SearchTerm が属性として構成されます。入力フィールドが変更されるたびに、属性も変更されます。

ここで、MealSearchComponent の属性が変更されたときに常にトリガーされる「searchMeal」関数を実装したいと考えています。

私はすでにMealSearchComponentMealListComponent にインポートしようとしました。しかし、依存関係がなく、コンポーネントのルールに違反しているようです。


12345678910