使用vue2+element-ui实现一个登录功能

好的，我可以为您提供一个简单的示例代码，但需要注意的是，此示例代码仅用于参考目的，您需要根据自己的实际需求进行修改和优化。

首先，在Vue项目中安装Element UI库：

npm install element-ui -S

然后，在您的Vue组件中引入Element UI的样式和组件：

<template>
  <div class="login">
    <el-form ref="loginForm" :model="form" label-width="80px">
      <el-form-item label="用户名" prop="username">
        <el-input v-model="form.username" auto-complete="off"></el-input>
      </el-form-item>
      <el-form-item label="密码" prop="password">
        <el-input type="password" v-model="form.password" auto-complete="off"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="login">登录</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import { ElForm, ElFormItem, ElInput, ElButton } from 'element-ui';

export default {
  name: 'Login',
  components: {
    ElForm,
    ElFormItem,
    ElInput,
    ElButton,
  },
  data() {
    return {
      form: {
        username: '',
        password: '',
      },
    };
  },
  methods: {
    login() {
      this.$refs.loginForm.validate(valid => {
        if (valid) {
          // TODO: 发送登录请求
          console.log('登录成功');
        }
      });
    },
  },
};
</script>

<style>
.login {
  margin: 50px auto;
  max-width: 500px;
}
</style>

在上面的代码中，我们使用了Element UI的`el-form`、`el-form-item`、`el-input`和`el-button`组件来实现登录表单。当用户点击“登录”按钮时，我们调用`login`方法，该方法首先调用`validate`方法验证表单输入是否合法，如果合法则向服务器发送登录请求。

需要注意的是，在实际项目中，您还需要编写后端接口来处理登录请求，并且在登录成功后将用户的登录状态保存在本地或服务器端。