vue表单submit后的返回值怎么得到
时间: 2023-11-02 16:04:58 浏览: 102
在 Vue 中,可以使用 `axios` 库发送表单异步请求,并通过 Promise 对象获取服务器返回的数据。以下是一种简单的实现方式:
1. 在 Vue 组件中,使用 `axios` 库发送表单异步请求。示例代码如下:
```vue
<template>
<form @submit.prevent="submitForm">
<input v-model="form.username" type="text" name="username">
<input v-model="form.password" type="password" name="password">
<button type="submit">提交</button>
</form>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
form: {
username: '',
password: ''
}
};
},
methods: {
submitForm() {
axios.post('/submit', this.form)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
}
}
};
</script>
```
2. 在 `axios` 的 `then` 方法中,获取服务器返回的数据。`response.data` 表示服务器返回的 JSON 数据,可以直接使用。如果返回的是字符串或其他格式的数据,需要进行相应的解析。
需要注意的是,跨域请求时需要特殊处理,可以使用 JSONP、CORS 或代理等方式解决。
阅读全文