VueJs에서 3진 연산자를 사용하는 방법

VueJs에서 3진 연산자를 사용하는 방법

누가 내가 v-slot 스코프에서 3진 연산자를 사용하려고 하는 것을 말해줄 수 있나요?

여기 제 코드가 있습니다.

<template :v-slot="category.children.length ? `activator` : `default`">
    <v-list-item-avatar>
       <v-img :src="`/uploads/image/category/` + category.image"></v-img>
    </v-list-item-avatar>
    <v-list-item-content>
       <v-list-item-title v-text="category.name"></v-list-item-title>
    </v-list-item-content>
</template>

이 문제에 대한 해결책을 아는 사람이 있다면 매우 감사하겠습니다.

다이내믹 슬롯명을 사용하려면 , docs 로 지정되어 있는 대로 다음의 구문을 참조해 주세요.

<base-layout>
  <template v-slot:[dynamicSlotName]>
    ...
  </template>
</base-layout>

예를 들어 다음과 같이 계산된 속성을 추가할 수 있습니다.

computed: {
  dynamicSlotName() {
    return this.category.children.length ? "activator" : "default";
  }
}

언급URL : https://stackoverflow.com/questions/63669947/how-to-use-ternary-operator-in-vuejs