vue给我写个登录页面
时间: 2023-04-12 16:00:59 浏览: 94
好的,我可以为您提供一个基本的 Vue 登录页面的代码示例:
<template>
<div>
<h1>Login</h1>
<form>
<label for="username">Username:</label>
<input type="text" id="username" v-model="username">
<br>
<label for="password">Password:</label>
<input type="password" id="password" v-model="password">
<br>
<button type="submit" @click.prevent="login">Login</button>
</form>
</div>
</template>
<script>
export default {
data() {
return {
username: '',
password: ''
}
},
methods: {
login() {
// 这里可以添加登录逻辑
console.log(`Username: ${this.username}, Password: ${this.password}`);
}
}
}
</script>
请注意,这只是一个基本的示例,您需要根据您的实际需求进行修改和完善。