vue jsx antd form 表单控件显示隐藏造成数据丢失

天盟互助技术问答

我在vue里面用jsx的形式写antd的表单绑定，但是点击按钮显示或隐藏一个formitem后，来回切换，造成下面的数据全部都没有，不知道怎么办，是我写的有问题么。。。请教~
export default { data () { return { isShow: false, form: this.$form.createForm(this) }; }, methods: { submit () { this.form.validateFieldsAndScroll((err, values) => { if (err) { return; } console.log(values, 'formData'); }); }, show () { this.isShow = !this.isShow; } }, render () { let {getFieldDecorator} = this.form; return ( 显示隐藏 { getFieldDecorator('remark', { rules: [ { required: true, message: '请填备注' } ] })() } { this.isShow && { getFieldDecorator('seq', { rules: [ { required: true, message: '请填写订单号' } ] } )() } } { getFieldDecorator('verify_return_reason', { rules: [ { required: true, message: '请填写实际售后原因' } ] })() } { getFieldDecorator('paypoints_number', { rules: [ { required: true, message: '请填写德分' } ] })() } { getFieldDecorator('is_compensate', { rules: [ { required: true, message: '请填写是否赔付' } ] })() } 提交
); }};