我的问题是关于 Element Plus 的 el-input 组件的校验功能。具体来说，我想知道如何在用户点击确认按钮时，显示 el-input 的校验功能，而在 el-input 隐藏时不进行校验。

好的，针对你的问题，Element Plus 的 el-input 组件提供了 validate 方法，可以手动触发校验。你可以在确认按钮的点击事件中，先判断 el-input 是否显示，若显示则调用 validate 方法进行校验，若隐藏则不进行校验。

具体的代码实现可以参考以下示例：

<template>
  <div>
    <el-input v-model="inputValue" ref="input" :rules="rules" />
    <el-button @click="handleSubmit">确认</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      rules: [
        { required: true, message: '请输入内容', trigger: 'blur' }
      ]
    }
  },
  methods: {
    handleSubmit() {
      // 判断 el-input 是否显示
      if (this.$refs.input.visible) {
        // 显示则进行校验
        this.$refs.input.validate(valid => {
          if (valid) {
            // 校验通过，执行提交操作
            this.submitData()
          }
        })
      } else {
        // 隐藏则直接执行提交操作
        this.submitData()
      }
    },
    submitData() {
      // 执行提交操作
      // ...
    }
  }
}
</script>

在上述示例中，我们通过 ref 属性获取 el-input 组件的实例，并在点击确认按钮时调用 validate 方法进行校验。同时，在 el-input 隐藏时，我们直接执行提交操作，不进行校验。