blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[Improvement] Area: add change event (#1019)

Browse Source
This commit is contained in:
neverland 2018-05-08 20:54:36 +08:00 committed by GitHub
parent 072dc24656
commit 0087fcdf6c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/markdown/en-US/area.md
View File

@ -55,6 +55,7 @@ Set `columns-num` with 2, you'll have a 2 level picker.
|-----------|-----------|-----------| |-----------|-----------|-----------|
| confirm | triggers when clicking the confirm button | an array | | confirm | triggers when clicking the confirm button | an array |
| cancel | triggers when clicking the cancel button | - | | cancel | triggers when clicking the cancel button | - |
| change | Triggered when current option changed | Picker instance, current values，column index |
### Data Structure ### Data Structure

2
docs/markdown/en-US/picker.md
View File

@ -145,7 +145,7 @@ Picker events will pass different parameters according to the columns are single
|-----------|-----------|-----------| |-----------|-----------|-----------|
| confirm | Triggered when click confirm button | Single column：current value，current index<br>Multiple columns：current values，current indexes | | confirm | Triggered when click confirm button | Single column：current value，current index<br>Multiple columns：current values，current indexes |
| cancel | Triggered when click cancel button | Single column：current value，current index<br>Multiple columns：current values，current indexes | | cancel | Triggered when click cancel button | Single column：current value，current index<br>Multiple columns：current values，current indexes |
| change | Triggered when current option changed | Single column：current value，current index<br>Multiple columns：current values，column index | | change | Triggered when current option changed | Single column：Picker instance, current value，current index<br>Multiple columns：Picker instance, current values，column index |
### Data struct of columns ### Data struct of columns

1
docs/markdown/zh-CN/area.md
View File

@ -53,6 +53,7 @@ Vue.use(Area);
| --- | --- | --- | | --- | --- | --- |
| confirm | 点击右上方完成按钮 | 一个数组参数，具体格式看下方数据格式章节 | | confirm | 点击右上方完成按钮 | 一个数组参数，具体格式看下方数据格式章节 |
| cancel | 点击取消按钮时 | - | | cancel | 点击取消按钮时 | - |
| change | 选项改变时触发 | Picker 实例，所有列选中值，当前列对应的索引 |
### 数据格式 ### 数据格式

2
docs/markdown/zh-CN/picker.md
View File

@ -147,7 +147,7 @@ Picker 组件的事件会根据 columns 是单列或多列返回不同的参数
|-----------|-----------|-----------| |-----------|-----------|-----------|
| confirm | 点击完成按钮时触发 | 单列：选中值，选中值对应的索引<br>多列：所有列选中值，所有列选中值对应的索引 | | confirm | 点击完成按钮时触发 | 单列：选中值，选中值对应的索引<br>多列：所有列选中值，所有列选中值对应的索引 |
| cancel | 点击取消按钮时触发 | 单列：选中值，选中值对应的索引<br>多列：所有列选中值，所有列选中值对应的索引 | | cancel | 点击取消按钮时触发 | 单列：选中值，选中值对应的索引<br>多列：所有列选中值，所有列选中值对应的索引 |
| change | 选项改变时触发 | 单列：选中值，选中值对应的索引<br>多列：所有列选中值，当前列对应的索引 | | change | 选项改变时触发 | 单列：Picker 实例，选中值，选中值对应的索引<br>多列：Picker 实例，所有列选中值，当前列对应的索引 |
### Columns 数据结构 ### Columns 数据结构

3
packages/area/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<picker <picker
:class="b()"
ref="picker" ref="picker"
:class="b()"
show-toolbar show-toolbar
value-key="name" value-key="name"
:title="title" :title="title"
@ -156,6 +156,7 @@ export default create({
} else if (index === 1) { } else if (index === 1) {
picker.setColumnValues(2, this.getList('county', code.slice(0, 4))); picker.setColumnValues(2, this.getList('county', code.slice(0, 4)));
} }
this.$emit('change', picker, values, index);
}, },
getValues() { getValues() {