多个el-form-item互斥的实现

在Vue中，可以通过使用条件渲染和v-if指令来实现多个el-form-item的互斥。具体步骤如下：
1. 首先，在data中定义一个变量，用于表示当前选中的表单项的值，例如selectedItem。

2. 在el-form-item中添加v-if指令，根据selectedItem的值来判断是否显示该表单项。例如，如果要实现两个表单项的互斥，可以设置一个表单项的v-if为"selectedItem === 'item1'"，另一个表单项的v-if为"selectedItem === 'item2'"。

3. 在el-form-item中添加相应的表单控件，例如el-input、el-select等。

4. 在需要触发互斥的事件（例如点击按钮或选择下拉框）中，通过修改selectedItem的值来切换显示的表单项。

下面是一个示例代码：

<template>
  <el-form>
    <el-form-item v-if="selectedItem === 'item1'">
      <el-input v-model="inputValue1"></el-input>
    </el-form-item>
    <el-form-item v-if="selectedItem === 'item2'">
      <el-select v-model="selectedValue2">
        <el-option label="Option 1" value="option1"></el-option>
        <el-option label="Option 2" value="option2"></el-option>
      </el-select>
    </el-form-item>
    <el-button @click="toggleItem">Toggle Item</el-button>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      selectedItem: 'item1',
      inputValue1: '',
      selectedValue2: ''
    };
  },
  methods: {
    toggleItem() {
      this.selectedItem = this.selectedItem === 'item1' ? 'item2' : 'item1';
    }
  }
};
</script>

在上述示例中，根据selectedItem的值来切换显示的表单项。点击"Toggle Item"按钮时，会切换显示el-input和el-select两个表单项。