vue传参给后端
时间: 2023-07-04 16:12:06 浏览: 166
django+mysql+vue从零开始到上线一个Demo下载网站(前后端完整源码).zip
Vue 可以通过 Axios 或者 Fetch 等 HTTP 请求库将数据传递给后端。以下是一个简单的示例:
```html
<template>
<div>
<input v-model="message" type="text">
<button @click="submitData">提交</button>
</div>
</template>
<script>
import axios from 'axios'
export default {
data() {
return {
message: ''
}
},
methods: {
async submitData() {
try {
const response = await axios.post('/api/submit', { message: this.message })
console.log(response.data)
} catch (error) {
console.log(error)
}
}
}
}
</script>
```
在这个示例中,我们通过 `Axios.post` 方法将 `message` 数据传递给后端的 `/api/submit` 接口。在后端可以通过相应的框架或者库来接收和处理这个请求。
阅读全文