Vue 和 Element UI 实现动态显示和隐藏内容 - 示例代码

你可以使用 Vue 的 v-model 指令来绑定表单元素的值，然后使用 Vue 的计算属性来根据选项值进行相应的显示和隐藏操作。下面是一个示例代码：

<template>
  <div>
    <el-select v-model='selectedOption'>
      <el-option label='待审核' value='1'></el-option>
      <el-option label='通过' value='2'></el-option>
      <el-option label='驳回' value='3'></el-option>
    </el-select>
  
    <div v-if='selectedOption !== '1''>
      {{ selectedOption === '2' ? '通过' : '驳回' }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '1'
    };
  },
  computed: {
    isHidden() {
      return this.selectedOption === '1';
    }
  }
};
</script>

在上面的代码中，使用了 Vue 的 v-model 指令将 selectedOption 绑定到 el-select 元素上，这样可以根据用户选择的选项来更新 selectedOption 的值。然后使用 v-if 指令来判断 selectedOption 的值，如果不等于 1，则显示对应的文本。通过计算属性 isHidden 来判断是否隐藏待审核的内容。

你需要确保已经引入了 Vue 和 Element UI 的相关库文件。