XRender watch事件

发布时间 2023-11-24 18:34:13作者: 漫思

watch 监听

watch 其实就是 onValuesChange(不提供对外使用)的增强版,用于监听表单数据改变,可以做到单字段细粒度的监听。

语法特征:[path]: () => {},path 按照表单的数据结构路径书写就可以了,List 组件的比较特殊,例如对应的表单字段是 cityList 需要写成 cityList[]

const watch = {
'#': (allValues, changedValues) => { // '#': () => {} 等同于 onValuesChange
console.log('表单 allValues:', allValues);
console.log('表单 changedValues:', changedValues);
},
'input1': value => {
console.log('input1:', value);
},
'obj.input2': (value) => {
console.log('input2:', value);
},
'list[].input4': (value, indexList) => {
console.log('list[].input4:', value, ',indexList:', indexList);
},
 
};