vue根据不同字段显示不同输入框

可以使用 `v-if` 或 `v-show` 指令来根据不同字段显示不同的输入框。

假设我们有一个表单，其中有两个字段 `field1` 和 `field2`，需要根据不同的字段显示不同的输入框。我们可以使用 `v-if` 指令来实现。

代码示例：

<template>
  <div>
    <div v-if="field1">
      <label for="field1">Field 1:</label>
      <input type="text" id="field1" v-model="field1Value">
    </div>
    <div v-else-if="field2">
      <label for="field2">Field 2:</label>
      <input type="text" id="field2" v-model="field2Value">
    </div>
  </div>
</template>

在上面的代码中，我们使用了 `v-if` 和 `v-else-if` 指令，当 `field1` 字段为真时，会显示 `field1` 的输入框，否则会判断 `field2` 字段是否为真，如果为真则显示 `field2` 的输入框。我们还使用了 `v-model` 指令来实现输入框与数据的双向绑定。

如果想要同时显示两个输入框，可以使用 `v-show` 指令。

代码示例：

<template>
  <div>
    <label for="field1">Field 1:</label>
    <input type="text" id="field1" v-model="field1Value" v-show="field1">
    <label for="field2">Field 2:</label>
    <input type="text" id="field2" v-model="field2Value" v-show="field2">
  </div>
</template>

在上面的代码中，我们使用了 `v-show` 指令，当 `field1` 字段为真时，会显示 `field1` 的输入框，否则不显示，同理 `field2` 字段也是如此。

希望这可以帮助到你！