条件付きコンポーネントによる Vuejs テンプレートの強化

Question

以下に示すようなさまざまなイベントのリストがあり、logTypes

としてインポートされます。 リーリー

これら 2 つのイベントには、2 つの異なるコンポーネントがあります。

リーリー

私のテンプレートにはこれがあります

リーリー

すべて正常に動作していますが、もっと読みやすくしたいです

at <template #item.event="{ item }">

logTypes をループし、if や else ではなくそれに基づいてコンポーネントを選択したいのですが?

何か助けていただければ幸いです。ありがとう。

Answer 1

logIN と LOGOUT のような名前付きコンポーネントを使用してみてください。 logTypes オブジェクト:

リーリー

次に、組み込みコンポーネント component を使用し、is プロパティを item.action にバインドします。 リーリー