uniapp vue 使用 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 语法：我们使用 async/await 语法等待云函数的响应，确保代码在接收到响应之前不会继续执行。
uniCloud.callFunction：这是 uniapp 提供的调用云函数的 API。
payload：这是一个通用的数据传输对象，可以包含任何你需要传递给云函数的数据。

希望这个例子能帮助你理解如何在 uniapp vue 程序中使用 payload 向云函数提交数据并接收响应！