首页 > 解决方案 > 如何在 Ant Design Vue 2x 中编写自定义表单组件?

问题描述

Ant Design Vue v1 提供了一个用于编写自定义表单组件的文档示例。

同样的方法不适用于版本 2x。

如何使用useForm在 AntDV 2x (vue 3) 中实现自定义表单组件?

标签: antdvuejs3antdvant-design-vue

解决方案


我相信我已经弄清楚了。以前您的自定义组件需要发出change事件:

methods: {
    handleChange(value) {
        this.emit('change', value);
    },
},

查看源代码后,我了解到您还需要发出一个update:value事件:

methods: {
    handleChange(value) {
        this.emit('update:value', value);
        this.emit('change', value);
    },
},

推荐阅读