写一段el-form，内有三个el-input，要求当任一el-input中有未输入的情况时，提示用户输入

可以使用以下代码实现：

<template>
  <el-form>
    <el-form-item label="Input 1">
      <el-input v-model="input1" placeholder="Please input..." ref="input1"></el-input>
    </el-form-item>
    <el-form-item label="Input 2">
      <el-input v-model="input2" placeholder="Please input..." ref="input2"></el-input>
    </el-form-item>
    <el-form-item label="Input 3">
      <el-input v-model="input3" placeholder="Please input..." ref="input3"></el-input>
    </el-form-item>
    <el-button @click="validateInputs">Submit</el-button>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      input1: "",
      input2: "",
      input3: "",
    };
  },
  methods: {
    validateInputs() {
      let inputs = [this.$refs.input1, this.$refs.input2, this.$refs.input3];
      let valid = true;
      for (let i = 0; i < inputs.length; i++) {
        if (!inputs[i].value) {
          inputs[i].$refs.input.focus();
          inputs[i].$message.error("Please input...");
          valid = false;
          break;
        }
      }
      if (valid) {
        // submit form
      }
    },
  },
};
</script>

在这段代码中，我们使用了 element-ui 的 el-form 和 el-input 组件，通过 v-model 绑定数据，使用 ref 获取输入框组件的实例，使用 $message.error 展示错误提示，最终在 validateInputs 方法中对输入框进行校验，如果有未输入的情况，则展示提示信息，否则可以提交表单。