你可以使用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的相关库文件。

用html模版代码vue和element ui有123共三个选项如果是1把‘待审核’赋值给他如果是2就把‘通过’赋值给他如果是3就把‘驳回‘赋值给他当值为待审核时将他隐藏当值为通过或者驳回时将他显示

原文地址: https://www.cveoy.top/t/topic/i90P 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录