在e-form表单里，有a表项、b表项和隐藏的c表项，当a表项的值变为2时，b表项隐藏，c表项显示，用v-if和v-else实现

可以使用如下的代码实现：

<template>
  <div>
    <label for="a">A:</label>
    <select id="a" v-model="aValue">
      <option value="1">1</option>
      <option value="2">2</option>
    </select>
    <br>
    <label for="b" v-if="aValue !== '2'">B:</label>
    <input id="b" v-if="aValue !== '2'" v-model="bValue">
    <br>
    <label for="c" v-else>C:</label>
    <input id="c" v-else v-model="cValue">
  </div>
</template>

<script>
export default {
  data() {
    return {
      aValue: '1',
      bValue: '',
      cValue: ''
    }
  }
}
</script>

在这个代码中，我们使用了`v-if`和`v-else`指令来根据`aValue`的值显示不同的表项。当`aValue`不等于2时，显示`B`表项，反之则显示`C`表项。同时，我们使用了`v-model`指令来绑定表单元素的值，使得在用户输入时能够及时更新数据。

相关问题

a-table配合表单a-form-model-item，增加新增行时实现必填项校验

可以通过监听表单的添加行事件，在新增一行时，手动进行必填项校验。具体实现可以参考以下代码：

<template>
  <a-table :data-source="tableData" @addRow="handleAddRow">
    <a-form-model-item label="姓名" prop="name" required>
      <a-input v-model="item.name" />
    </a-form-model-item>
    <a-form-model-item label="年龄" prop="age" required>
      <a-input-number v-model="item.age" />
    </a-form-model-item>
    <a-form-model-item label="地址" prop="address" required>
      <a-input v-model="item.address" />
    </a-form-model-item>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20, address: '北京' },
        { name: '李四', age: 30, address: '上海' }
      ],
      item: {}
    }
  },
  methods: {
    handleAddRow() {
      // 新增一行时，手动进行必填项校验
      this.$refs.form.validate(valid => {
        if (valid) {
          this.tableData.push(this.item)
          this.item = {}
        }
      })
    }
  }
}
</script>

在上面的示例中，我们使用了 `a-table` 和 `a-form-model-item` 来实现表格和表单的结合。在表单中，我们使用了 `required` 属性来标识该项为必填项。在新增一行时，我们通过监听 `addRow` 事件来触发 `handleAddRow` 方法，在该方法中，我们通过手动调用表单的校验方法 `validate` 来进行必填项校验。如果校验通过，则将新增的数据添加到表格数据源中。如果校验失败，则不进行任何操作。

监听form表单里所有input的值，当有一项为空，返回false

你可以使用以下方法监听表单中所有`input`元素的值，如果有一项为空，则返回`false`：

1. 在Vue实例中定义一个data属性，用来存储表单的值。

data() {
  return {
    formValues: {
      input1: '',
      input2: '',
      input3: ''
      // 其他表单项
    }
  }
}

2. 在模板中绑定表单元素，并使用v-model指令将表单元素的值绑定到`formValues`对象的相应属性上。

<input type="text" v-model="formValues.input1">
<input type="text" v-model="formValues.input2">
<input type="text" v-model="formValues.input3">
<!-- 其他表单项 -->

3. 监听`formValues`对象的变化，如果有一项的值为空，则返回`false`。

watch: {
  formValues: function(newValues, oldValues) {
    for(let key in newValues) {
      if(newValues[key] === '') {
        console.log('表单有空项')
        return false
      }
    }
    console.log('表单没有空项')
    // 其他操作
  }
}

这样，当表单中任意一项的值为空时，就会打印出`表单有空项`，并返回`false`。如果表单中所有项都有值，则打印出`表单没有空项`，并可以执行其他操作。