Vue: 여러 동적 슬롯 이름을 사용하는 동안 오류가 발생했습니다 (잘못된 동적 인수 표현식).

생식

속기는 인수가 제공된 경우에만 사용할 수 있습니다. 다음을 사용하십시오.
<template v-slot:[dynamicSlotName]> ... </template>

속기는 인수가 제공된 경우에만 사용할 수 있습니다. 다음을 사용하십시오.
<template v-slot:[dynamicSlotName]> ... </template>

나는 문제를 만들기 전에 그것을 시도했으며 결과는 동일합니다 😞

안녕하세요 여러분!

이것에 대해 새로운 것은 무엇입니까? 2.6.11에서 여전히 문제가 있습니다.

여러 번 시도한 끝에 다중 동적 슬롯이 작동하도록하는 방법을 찾았습니다. 동적 슬롯 템플릿의 루트 요소에 키를 추가하면 작동합니다.

이것은 작동하지 않습니다 : 여기에서 재현

   <template #[slot1]>
       <p>slot test</p>
   </template>
   <template #[slot2]>
       <p>slot test2</p>
    </template>

// got "Invalid dynamic argument expression: attribute names cannot contain spaces, quotes, <, >, / or ="

이 작품 : 여기에서 재현

   <template #[slot1]>
       <p key="1">slot test</p>
   </template>
   <template #[slot2]>
       <p key="2">slot test2</p>
    </template>

// work fine

작동하도록 키를 추가해야하는 이유는 무엇입니까? 나는 뭔가를 놓쳤다.

@ davis90 의 솔루션이 저에게

vue에서 오류가 잘못된 이유는 무엇입니까? 솔루션이 작동했지만 감사합니다.