标签: formkit

我正在使用 vue3、axios 使用 FormKit 制作一个全栈应用程序。为了编辑现有记录，我想用从 mysql 数据库获取的当前数据填充输入字段。我将代码精简为显示问题所需的所有内容，在此代码示例中，我使用通过异步函数“getLotById”获取的批号填充 FormKit 输入字段。批号出现在段落部分，但不出现在输入字段中。如何正确延迟 FormKit 元素的渲染，直到获取批号？这是我的代码：

<script>
// import axios
import axios from "axios";
  
export default {
    name: "LotEdit",
    data() {
        return {
            lotnumber: this.lotnumber
        }
    },
    props: {
      lotid: Number
    },
    created: async function () {
        await this.getLotById();
    },
    methods: {
        // Get Lot By Id
        async getLotById() {
            try {
                const response = await axios.get(`http://localhost:5000/lot/${this.$route.params.id}`);
                this.lotnumber = response.data.lotnumber;
                console.log(response.data);
            }
            catch (err) {
                console.log(err);
            }
        },
    }
};
</script>

<template>
  <div>
    <FormKit
      type="text" …

如何使用FormKit（使用 Vue3）进行异步/服务器端验证？不仅在提交时，而且在用户从输入中移除焦点之后。

基本验证示例：

<FormKit
  type="text"
  label="Number"
  validation="required|number|between:20,50"
  validation-visibility="live"
  help="Enter a number between 20 and 50."
/>

除了文档提到一次异步之外，在任何地方都找不到任何示例或提及。