在vue3 ts element-plus项目中，点击按钮，将表单所填的值作为参数调用保存接口，脚本格式为 <script lang="ts" setup> 举例说明

好的，我可以给你举一个例子。假设你有一个表单，里面有一个输入框和一个按钮，你要在点击按钮时将输入框中的内容作为参数调用保存接口。下面是一个示例代码：

<template>
  <div>
    <el-form :model="form" ref="form" label-width="80px">
      <el-form-item label="用户名">
        <el-input v-model="form.username"></el-input>
      </el-form-item>
    </el-form>
    <el-button type="primary" @click="saveForm">保存</el-button>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { saveData } from './api'; // 假设你的保存接口在 ./api.ts 中

const form = ref({
  username: '',
});

function saveForm() {
  saveData(form.value).then(() => {
    // 保存成功后的操作
  });
}
</script>

上面的代码中，`form` 是一个响应式对象，它的值是一个包含表单数据的对象。`saveForm` 函数会调用 `saveData` 接口，并将 `form.value` 作为参数传递给它。

当你点击保存按钮时，就会触发 `saveForm` 函数，然后就会调用保存接口。当接口成功保存数据后，你可以在 `then` 回调函数中进行一些操作，比如提示保存成功。