uniapp vue程序通过 payload 提交数据prompt烦烦烦keyssk-c6e3c04b15af4afd933f4d15282ed524 例程;并接收响应payload
以下是一个uniapp vue程序通过payload提交数据,并接收响应payload的例程:
<template>
<div>
<button @click="submitData">提交数据</button>
<div v-if="response">{{ response }}</div>
</div>
</template>
<script>
export default {
data() {
return {
response: null
}
},
methods: {
async submitData() {
const payload = {
prompt: '烦烦烦',
keys: 'sk-c6e3c04b15af4afd933f4d15282ed524'
}
const response = await uniCloud.callFunction({
name: 'submitData',
data: payload
})
this.response = response.result
}
}
}
</script>
在上面的例程中,我们定义了一个submitData方法,该方法使用uniCloud.callFunction方法向云函数submitData提交数据。我们将要提交的数据存储在一个名为payload的对象中,并将其作为data参数传递给uniCloud.callFunction方法。
一旦云函数返回响应,我们将其存储在response变量中,并将其渲染到页面上。如果response变量为null,则不会显示任何内容。
请注意,我们使用了async/await语法来等待云函数响应。这确保了我们的代码不会在响应到达之前继续执行
原文地址: https://www.cveoy.top/t/topic/crxh 著作权归作者所有。请勿转载和采集!