疑似 Form 组件的 Bug

[ydq]

按照官网的文档，当不使用校验的时候，输入框的 clear 事件没能触发 form 的 change 事件，导致获取的值是旧的过时的值

最小复现：

<script setup>
import { ref } from 'vue';

const form = ref({})
const formRef = ref()
const options = [
    {
        field: 'field1',
        label: 'field1',
        as: 'input',
        props: { clearable: true } // ← 允许清空，且不做校验
    },
    {
        field: 'field2',
        label: 'field2',
        as: 'input',
        props: { clearable: true } // ← 允许清空，且不做校验
    },
    {
        as: 'button',
        props: {
            text: '提交',
            async request(){
                // 文本框的 clear 事件没能触发 form 的 change 函数，导致清空之后 获取的还是上一次的值
                console.log(JSON.stringify(form.value))
            }
        }
    },
]

</script>
<template>
    <lew-flex width="500"
              x="start"
              y="start"
              :gap="50">
        <lew-form ref="formRef"
                  :options="options"
                  @change="e => { form = e }" />
    </lew-flex>
</template>

[lewkamtao]

方法使用错误了，不应该用change来获取form的值，可以试试formRef.value.getForm()，这个方法是获取最新的表单绑定值。

[lewkamtao]

这个set和get的两个方法 是这个form的核心。

[ydq]

方法使用错误了，不应该用change来获取form的值，可以试试formRef.value.getForm()，这个方法是获取最新的表单绑定值。

非常感谢，上面是跟着官网的示例来写的，当时没想那么多