Vue : Le composant dynamique interchangeable ne rend rien à l'intérieur de lui-même

Question

J'ai un v-for et j'ai utilisé <component :is=""> en elle, lorsqu'elle est rendue ValidationProvider Tout va bien, mais lorsqu'il s'agit de rendre span il ne rend rien à l'intérieur.

<component
 :is="item.validation_rules ? 'ValidationProvider' : 'span'"
 v-slot="{ errors }"
 :name="item.label"
 :rules="item.validation_rules"
>
 Place for inputs...
</component>

de la production :

<span name="Field name" rules=""></span>

Résultats escomptés :

<span name="Field name" rules="">
  Place for inputs...
</span>

Answer 1

Si je ne me trompe pas, vous ne pouvez rendre qu'un "composant", donc span est une simple balise HTML. Je n'ai pas de source officielle qui le confirme.

Oh, et vous disposez également d'une certaine flexibilité avec vee-validate et le Validation Provider , comme on peut le voir ici : https://vee-validate.logaretm.com/v3/api/validation-provider.html#rendering
Vous pouvez passer un tag="span" Il n'est pas certain que cela puisse vous aider d'une manière ou d'une autre.