element plus 的el-input显示的进行校验，隐藏的时候不校验

您好，针对您的问题，您可以使用Element Plus提供的`validateOnBlur`属性来实现当输入框失焦时进行校验，而当输入框隐藏时不进行校验的需求。

具体实现方法如下：

1. 在`<el-input>`标签中添加`validateOnBlur`属性，表示当输入框失焦时进行校验。

2. 当需要隐藏输入框时，可以使用`v-if`或`v-show`指令来动态控制输入框的显示与隐藏。

3. 当输入框被隐藏时，可以使用`resetField`方法来清空输入框的值，以便下次使用。

示例代码如下：

<template>
  <div>
    <el-input v-model="inputValue" :rules="rules" :validateOnBlur="true" v-show="showInput"></el-input>
    <el-button @click="showInput = false">隐藏输入框</el-button>
    <el-button @click="showInput = true">显示输入框</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      showInput: true,
      rules: [
        { required: true, message: '请输入内容', trigger: 'blur' }
      ]
    }
  },
  methods: {
    // 清空输入框的值
    clearInput() {
      this.$refs.input.resetField();
    }
  }
}
</script>

在上述代码中，我们在`<el-input>`标签中添加了`validateOnBlur`属性，并设置为`true`，表示当输入框失焦时进行校验。

同时，我们使用了`v-show`指令来动态控制输入框的显示与隐藏。当点击“隐藏输入框”按钮时，输入框将被隐藏；当点击“显示输入框”按钮时，输入框将重新显示。

在`clearInput`方法中，我们使用了`resetField`方法来清空输入框的值，以便下次使用。这样，在输入框被隐藏时，输入框的值将被清空，避免了下次使用时出现错误。

希望对您有所帮助！