vue el-input 设置必输

在Vue.js中，如果你想让`el-input`组件成为一个必填项，可以使用v-model指令，并通过自定义属性来控制它的验证状态。`el-input`是Element UI库中的输入框组件，我们可以结合`v-bind:class`或`v-validate`指令来实现这个功能。

例如：

<template>
  <el-form-item label="必填字段">
    <el-input v-model="requiredField" :placeholder="placeholder" v-bind:class="{ 'is-required': required }"></el-input>
    <span v-if="required && !requiredField">请输入内容</span>
  </el-form-item>
</template>

<script>
export default {
  data() {
    return {
      requiredField: '',
      placeholder: '请输入...',
      required: true // 设置默认为必填
    };
  },
  methods: {
    validateRequired() { // 可以添加一个校验函数，根据实际情况触发
      if (!this.requiredField) {
        alert('必填字段不能为空');
        return false;
      }
      return true;
    }
  },
};
</script>

<style scoped>
.is-required {
  border-color: red; // 输入框边框变色提示错误
}
</style>

在这里，当`required`属性为真时，如果用户未输入内容，会显示提示信息并改变输入框边框的颜色。你可以通过`validateRequired`方法来定制更复杂的验证逻辑，比如连接到服务器验证等。