vue+axios写登录界面
时间: 2023-03-30 09:01:02 浏览: 100
可以使用以下代码实现vue axios写登录界面:
<template>
<div>
<h1>登录</h1>
<form>
<div>
<label>用户名:</label>
<input type="text" v-model="username" />
</div>
<div>
<label>密码:</label>
<input type="password" v-model="password" />
</div>
<button type="submit" @click.prevent="login">登录</button>
</form>
</div>
</template>
<script>
import axios from "axios";
export default {
data() {
return {
username: "",
password: "",
};
},
methods: {
login() {
axios
.post("/api/login", {
username: this.username,
password: this.password,
})
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.log(error);
});
},
},
};
</script>