diff --git a/docs/markdown/migrate-from-v2.zh-CN.md b/docs/markdown/migrate-from-v2.zh-CN.md index 0b3df3f62..1c483df41 100644 --- a/docs/markdown/migrate-from-v2.zh-CN.md +++ b/docs/markdown/migrate-from-v2.zh-CN.md @@ -134,6 +134,7 @@ export default { }; ``` -### Picker 参数调整 +### Picker -在 Picker 的级联选择下,confirm/change 事件返回的回调参数将包含为完整的选项对象。 +- 移除 change 事件的第一个参数(picker 实例) +- 级联选择下,confirm/change 事件返回的回调参数将包含为完整的选项对象。 diff --git a/src/picker/README.md b/src/picker/README.md index 473aecfc4..a39ca5551 100644 --- a/src/picker/README.md +++ b/src/picker/README.md @@ -42,7 +42,7 @@ export default { onConfirm(value, index) { Toast(`Value: ${value}, Index: ${index}`); }, - onChange(picker, value, index) { + onChange(value, index) { Toast(`Value: ${value}, Index: ${index}`); }, onCancel() { @@ -149,7 +149,13 @@ export default { ### Set Column Values ```html - + ``` ```js @@ -165,8 +171,8 @@ export default { }; }, methods: { - onChange(picker, values) { - picker.setColumnValues(1, states[values[0]]); + onChange(values) { + this.$refs.picker.setColumnValues(1, states[values[0]]); }, }, }; diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md index f0fdb309a..013388c0b 100644 --- a/src/picker/README.zh-CN.md +++ b/src/picker/README.zh-CN.md @@ -50,7 +50,7 @@ export default { onConfirm(value, index) { Toast(`当前值:${value}, 当前索引:${index}`); }, - onChange(picker, value, index) { + onChange(value, index) { Toast(`当前值:${value}, 当前索引:${index}`); }, onCancel() { @@ -171,7 +171,7 @@ export default { 通过 Picker 上的实例方法可以更灵活地控制选择器,比如使用`setColumnValues`方法实现多列联动 ```html - + ``` ```js @@ -187,8 +187,8 @@ export default { }; }, methods: { - onChange(picker, values) { - picker.setColumnValues(1, cities[values[0]]); + onChange(values) { + this.$refs.picker.setColumnValues(1, cities[values[0]]); }, }, }; @@ -288,7 +288,7 @@ export default { | --- | --- | --- | | confirm | 点击完成按钮时触发 | 单列:选中值,选中值对应的索引
多列:所有列选中值,所有列选中值对应的索引 | | cancel | 点击取消按钮时触发 | 单列:选中值,选中值对应的索引
多列:所有列选中值,所有列选中值对应的索引 | -| change | 选项改变时触发 | 单列:Picker 实例,选中值,选中值对应的索引
多列:Picker 实例,所有列选中值,当前列对应的索引 | +| change | 选项改变时触发 | 单列:选中值,选中值对应的索引
多列:所有列选中值,当前列对应的索引 | ### Slots diff --git a/src/picker/demo/index.vue b/src/picker/demo/index.vue index 2f4fb4889..9d2f1243a 100644 --- a/src/picker/demo/index.vue +++ b/src/picker/demo/index.vue @@ -47,6 +47,7 @@