动态 v 模型修改器？

Question

Vue 具有 v-model 修饰符，例如

number

：

<input v-model.number="age" />

我正在编写一个抽象 Field 组件，它包装了

input

并且可能需要 可选地 包含修饰符。

如何完成（除了

v-if

/

v-else

整个输入）？

Answer 1

文档指出：

如果输入有数字修饰符，则会自动应用 类型=“数字”。

因此，如果您在组件中为 type 添加一个 prop 并将其绑定到输入，则在组件上将 type 设置为 number 将自动设置

v-model.number

。

Answer 2

您可以使用

modelModifiers

道具。

<input v-model="age" :model-modifiers="{number: true}" />