조건부 구성 요소로 Vuejs 템플릿 향상

Question

아래와 같은 다양한 이벤트 목록이 있으며 logTypes

로 가져옵니다. 으아아아

이 두 이벤트에는 두 가지 다른 구성 요소가 있습니다.

으아아아

내 템플릿에는 이것이 있습니다

으아아아

모든 것이 잘 작동하지만 더 읽기 쉽게 만들고 싶습니다

에서 <template #item.event="{ item }">

루프를 통해 logTypes if 및 else 대신 이를 기반으로 구성 요소를 선택하고 싶습니까?

어떤 도움이라도 좋을 것입니다. 감사해요.

Answer 1

LOGIN 和 LOGOUT 命名组件，如 logTypes 개체:

를 사용해 보세요. 으아아아

그런 다음 내장 구성요소를 사용하세요 component 并将 is 属性绑定到 item.action :

으아아아