form的onValuesChange监听

[zhangpiao96]

form的onValuesChange监听

[jc9702507]

这个可能是用法问题，ValuesChange不要多次绑定，可发下js

[zhangpiao96]

import {
Form
} from 'antd-mini-v1/es/Form/form';

Page({
data: {
position: 'horizontal',
},
form: new Form(),

onReady() {
this.form.onValuesChange((changedValues, allValues) => {
console.log(changedValues);
});
},

handleRef(ref) {
this.form.addItem(ref);
},

reset() {
this.form.reset();
},

toggle() {
this.setData({
position: this.data.position === 'horizontal' ? 'vertical' : 'horizontal',
});
},

async submit() {
const values = await this.form.submit();
my.alert({
title: '提交',
content: JSON.stringify(values),
});
}
});

我会反复操作：跳转这个界面，返回，再跳转，就是导致多次绑定了，那我该怎么绑定呢

[jc9702507]

这个应该是钉钉小程序中的问题：页面跳转了，但是小程序页面还没有被unLoad，再次进入页面，调用了onReady。
你可以尝试这样解决：

import { Form } from 'antd-mini-v1/es/Form/form';

Page({
  data: {
    position: 'horizontal',
  },
  
  onShow() {
    this.form = new Form();
    this.form.onValuesChange((changedValues, allValues) => {
      console.log(changedValues);
    });
  },
  
  handleRef(ref) {
    this.form.addItem(ref);
  },
  
  reset() {
    this.form.reset();
  },
  
  toggle() {
    this.setData({
      position: this.data.position === 'horizontal' ? 'vertical' : 'horizontal',
    });
  },
  
  async submit() {
    const values = await this.form.submit();
    my.alert({
      title: '提交',
      content: JSON.stringify(values),
    });
  }
});

[zhangpiao96]

可以了，谢谢