lljj-x / vue-json-schema-form

基于Vue/Vue3,Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单,用于活动编辑器、h5编辑器、cms等数据配置;支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3/naiveUi
https://form.lljj.me/
Apache License 2.0
2.09k stars 428 forks source link

customRule中的callback返回undefined #124

Closed tocurd closed 3 years ago

tocurd commented 3 years ago

反馈问题请先查看文档和务必提供详细的复现代码,遵循如下格式,描述不清楚的问题将会直接关闭。

vue和ui框架

vue2或者vue3、ui框架element antd、vjsf 使用版本说明 vue3 antd tsx vjsf版本: @lljj/vue3-form-ant 1.9.3

问题描述

对错误是什么的清晰简洁的描述。 customRule 中callback是undefined

如何复现

可以详细介绍你的复现场景或者相关代码。

setup(){
    const customRule = (data) => {
        console.log(data)
    }
    return {
        customRule
    }
},
render(){
      <VueFormAny
          ref="form"
          customRule={(data) => this.customRule(data)}
          modelValue={this.$props.fromData}
          onChange={(data: { newValue: AnyObject; oldValue: AnyObject }) => {
              nextTick(() => this.$props.onChange(data.newValue))
          }}
          formFooter={this.formFooter}
          formProps={this.formProps}
          schema={this.schema} />
}

必要时提供复现demo,如codepen,github 复现仓库,playground分享链接等

期望的结果

.... 正常使用callback

lljj-x commented 3 years ago

antd vue3 是需要使用promise,后面会更新文档

参见: image