el-input必填校验

要对 `el-input` 进行必填校验，你可以使用 `rules` 属性和 `required` 规则来实现。以下是一个示例代码：

<template>
  <el-input v-model="inputValue" placeholder="请输入内容"></el-input>
  <el-button type="primary" @click="validateInput">校验</el-button>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
    }
  },
  methods: {
    validateInput() {
      if (this.inputValue === '') {
        this.$message.error('该字段不能为空');
      } else {
        // 在这里可以执行其他的操作，例如提交表单等
      }
    }
  }
}
</script>

在上面的代码中，我们使用 `v-model` 指令绑定了一个 `inputValue` 的数据属性，用于存储用户输入的值。

在 `validateInput` 方法中，我们首先检查 `inputValue` 是否为空。如果为空，我们使用 `this.$message.error` 方法显示一个错误消息。否则，可以执行其他操作，例如提交表单或进行其他处理。

你可以根据自己的需求修改错误消息和校验逻辑，以及添加其他的校验规则。`el-input` 还提供了其他的规则属性和校验方法，例如 `minlength`、`maxlength`、`pattern` 等，可以根据需要进行使用。