vue.js - 视觉 : Swappable dynamic component not render anything inside of itself

Question

我有一个 v-for我用了<component :is="">在其中，当它渲染时 ValidationProvider , 一切正常，但当它渲染时 span它不会在内部呈现任何内容。

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

输出:

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

执行输出:

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

Answer 1

如果我没记错的话，你只能渲染一个“组件”，因此 span 是一个简单的 HTML 标签。我没有任何官方消息来源证实这一点。

哦，您还可以灵活地使用 vee-validate 和 Validation Provider，如下所示:https://vee-validate.logaretm.com/v3/api/validation-provider.html#rendering
您可以传递一个 tag="span"，不确定它是否能以某种方式帮助您。