el-form-item不可见

如果 `el-form-item` 不可见，可能有以下几种原因：

1. CSS 样式的问题：检查 `el-form-item` 元素的 CSS 样式是否设置了 `display: none` 或 `visibility: hidden` 等属性，导致元素不可见。

2. 表单域的值为空：如果表单域的值为空，`el-form-item` 也会被隐藏。可以检查表单域的值是否为空，并且检查是否设置了默认值。

3. 表单域的验证：如果表单域设置了验证规则，但没有通过验证，`el-form-item` 也会被隐藏。可以检查表单域的验证规则是否正确，并检查是否有错误提示信息。

4. 条件渲染：如果 `el-form-item` 是根据某些条件进行渲染的，可以检查条件是否满足，以便正确显示 `el-form-item`。

如果以上方法都不能解决问题，可以提供更多的代码和错误信息以便更好地帮助你解决问题。

相关问题

设置el-form-item不可见

你可以使用 CSS 的 `display: none` 属性来隐藏 `el-form-item`，例如：

<el-form-item label="Label" :style="{ 'display': 'none' }">
  <el-input placeholder="Input"></el-input>
</el-form-item>

这将隐藏包含 `el-input` 的 `el-form-item`。请注意，这不会删除该元素，只是将其隐藏。如果你希望完全删除该元素，可以使用 `v-if` 指令将其完全从 DOM 中删除。

el-form-item设置不可见

如果你想让 `el-form-item` 不可见，可以使用 CSS 的 `display` 属性将其隐藏。例如，你可以在 `el-form-item` 上添加一个 `v-if` 指令来控制它的显示与隐藏：

<template>
  <el-form>
    <el-form-item :label="label" v-if="isVisible">
      <!-- 表单控件 -->
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      label: '表单项',
      isVisible: false, // 默认不可见
    }
  },
  // ...
}
</script>

<style>
.el-form-item {
  display: none; // 隐藏 el-form-item
}
</style>

在上面的代码中，我在 `el-form-item` 上添加了一个 `v-if` 指令，来根据 `isVisible` 的值来控制它的显示与隐藏。同时，我在样式中使用了 `display: none` 来将 `el-form-item` 隐藏起来。这样，当 `isVisible` 的值为 `false` 时，`el-form-item` 就会消失了。