uniapp里把input里的值保存到接口里
时间: 2023-09-23 17:13:31 浏览: 180
在uniapp中将input中的值保存到接口中,可以通过以下步骤实现:
1. 在页面中定义一个input组件,并给它绑定一个变量,用于保存输入的值。
2. 在页面中定义一个按钮组件,当点击按钮时,触发一个方法。
3. 在触发方法中,获取input的值,并将其作为参数传递给后台接口。
4. 后台接口收到参数后,将其保存到数据库中。
以下是示例代码:
1. 在页面中定义一个input组件和一个按钮组件:
```
<template>
<div>
<input v-model="inputValue" />
<button @click="saveValue">保存</button>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: '', // 用于保存输入的值
};
},
methods: {
saveValue() {
// 触发保存方法
},
},
};
</script>
```
2. 在触发保存方法中,获取input的值,并将其作为参数传递给后台接口:
```
methods: {
async saveValue() {
const { inputValue } = this;
const res = await uni.request({
url: 'http://localhost:8080/saveValue',
method: 'POST',
data: { value: inputValue },
});
console.log(res);
},
},
```
3. 后台接口收到参数后,将其保存到数据库中:
```
router.post('/saveValue', async (ctx) => {
const { value } = ctx.request.body;
// 将value保存到数据库中
});
```
这样就可以将input中的值保存到接口中了。
阅读全文