elementui中若select的值为xxx则不显示form标签，用vue3语法写

在 Vue 3 中，如果你想在 Element UI 的 Select 选择值为 "xxx" 时不显示 Form 标签，可以按照以下步骤操作：

首先，你需要在模板中设置 Select 和 Form，并绑定相应的数据：

<template>
  <div>
    <el-select v-model="selectedValue" @input="checkValue">
      <el-option
        v-for="(item, index) in options"
        :key="index"
        :label="item.label"
        :value="item.value"
        :disabled="item.value === 'xxx'"
      ></el-option>
    </el-select>
    <el-form :hidden="selectedValue !== 'xxx'" ref="myForm"></el-form>
  </div>
</template>

接下来，定义一个 computed 或者 watch 来检查 selectedValue 是否为 'xxx' 并更新 Form 的 hidden 属性：

<script>
import { ref } from 'vue';

export default {
  setup() {
    const selectedValue = ref('');
    const options = []; // 这里假设 options 已经初始化好

    // 检查选中的值是否等于 'xxx'
    const checkValue = (newValue) => {
      selectedValue.value = newValue;
      this.$refs.myForm.hidden = newValue !== 'xxx';
    };

    return { selectedValue, options, checkValue };
  }
};
</script>

这样当你在 Select 中选择了 'xxx' 时，Form 就会隐藏起来，选择其他值时则显示出来。