在vscode开发的vue+elementUI项目中，实现以下功能：当el-input为空时提交，边框变红

要实现这个功能，您可以按照以下步骤进行操作：

1. 为el-input添加一个v-model指令，以便可以实时获取输入的值。

2. 在模板中使用v-bind:class指令来判断el-input是否为空。如果是空的，将边框颜色设置为红色。

3. 在触发提交操作之前，再次检查el-input是否为空。如果为空，取消提交操作并显示警告信息。

下面是一个示例代码，您可以将其添加到您的vue elementUI项目中：

<template>
  <div>
    <el-input v-model="inputValue" v-bind:class="{ 'is-error': inputValue === '' }"></el-input>
    <el-button type="primary" @click="submitForm">提交</el-button>
    <span v-if="inputValue === ''" class="warning-message">请先输入内容！</span>
  </div>
</template>

<style>
  .is-error {
    border-color: red;
  }
</style>

<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  methods: {
    submitForm() {
      if (this.inputValue === '') {
        alert('请先输入内容！');
        return;
      }

      // 执行提交操作
    },
  },
};
</script>

在这个示例中，el-input会根据inputValue的值来指定其显示的内容。使用v-bind:class指令，我们可以通过判断inputValue是否为空来决定是否添加is-error这个类名，从而改变边框的颜色。

在提交操作时，我们通过检查inputValue是否为空来决定是否执行提交操作，并使用alert函数显示警告信息。

当您在输入框中输入内容时，如果输入框为空，则会显示红色边框，否则会显示默认的边框颜色。当您点击提交按钮时，如果输入框为空，则会显示警告信息，并且不会执行提交操作。