帮我写一个VUE登录页
时间: 2023-07-07 10:24:53 浏览: 36
好的,下面是一个简单的 Vue 登录页面代码示例:
```html
<template>
<div>
<h1>登录</h1>
<form>
<div>
<label for="username">用户名:</label>
<input type="text" id="username" v-model="username" />
</div>
<div>
<label for="password">密码:</label>
<input type="password" id="password" v-model="password" />
</div>
<button type="submit" @click.prevent="login">登录</button>
</form>
</div>
</template>
<script>
export default {
data() {
return {
username: '',
password: '',
};
},
methods: {
login() {
// 这里可以使用 axios 或其他请求库来发送请求进行登录
console.log('用户名:', this.username);
console.log('密码:', this.password);
},
},
};
</script>
```
这个示例中包含了一个简单的登录表单,包括用户名和密码两个输入框和一个登录按钮。当用户点击登录按钮时,会触发 `login` 方法来进行登录。在 `login` 方法中,你可以使用 axios 或其他请求库来发送请求进行登录。