ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-22 03:44:48 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Merge branch 'dev' into next

Browse Source
This commit is contained in:
chenjiahan
2020-09-28 11:46:26 +08:00
parent 6cd9e98ce4 6079101958
commit c2d5a18f59
72 changed files with 259 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/picker/README.md
View File

@@ -173,7 +173,7 @@ export default {
### Loading
When Picker columns data is acquired asynchronously, use `loading` prop to show loading prompt
When Picker columns data is acquired asynchronously, use `loading` prop to show loading prompt.
```html
<van-picker title="Title" :columns="columns" :loading="loading" />

20
src/picker/README.zh-CN.md
View File

@@ -2,7 +2,7 @@
### 介绍
提供多个选项集合供用户选择，支持单列选择和多列级联，通常与[弹出层](#/zh-CN/popup)组件配合使用
提供多个选项集合供用户选择，支持单列选择和多列级联，通常与[弹出层](#/zh-CN/popup)组件配合使用。
### 引入
@@ -20,11 +20,11 @@ app.use(Picker);
#### 选项配置
Picker 组件通过`columns`属性配置选项数据，`columns`是一个包含字符串或对象的数组。
Picker 组件通过 `columns` 属性配置选项数据，`columns` 是一个包含字符串或对象的数组。
#### 顶部栏
顶部栏包含标题、确认按钮和取消按钮，点击确认按钮触发`confirm`事件，点击取消按钮触发`cancel`事件
顶部栏包含标题、确认按钮和取消按钮，点击确认按钮触发 `confirm` 事件，点击取消按钮触发 `cancel` 事件。
```html
<van-picker
@@ -61,7 +61,7 @@ export default {
### 默认选中项
单列选择时，可以通过`default-index`属性设置初始选中项的索引
单列选择时，可以通过 `default-index` 属性设置初始选中项的索引。
```html
<van-picker title="标题" :columns="columns" :default-index="2" />
@@ -69,7 +69,7 @@ export default {
### 多列选择
`columns`属性可以通过对象数组的形式配置多列选择，对象中可以配置选项数据、初始选中项等，详细格式见[下方表格](#/zh-CN/picker#column-shu-ju-jie-gou)。
`columns` 属性可以通过对象数组的形式配置多列选择，对象中可以配置选项数据、初始选中项等，详细格式见[下方表格](#/zh-CN/picker#column-shu-ju-jie-gou)。
```html
<van-picker title="标题" :columns="columns" />
@@ -98,7 +98,7 @@ export default {
### 级联选择
使用`columns`的`children`字段可以实现选项级联的效果（从 2.4.5 版本开始支持）
使用 `columns` 的 `children` 字段可以实现选项级联的效果（从 2.4.5 版本开始支持）。
```html
<van-picker title="标题" :columns="columns" />
@@ -145,7 +145,7 @@ export default {
### 禁用选项
选项可以为对象结构，通过设置 disabled 来禁用该选项
选项可以为对象结构，通过设置 `disabled` 来禁用该选项。
```html
<van-picker :columns="columns" />
@@ -167,7 +167,7 @@ export default {
### 动态设置选项
通过 Picker 上的实例方法可以更灵活地控制选择器，比如使用`setColumnValues`方法实现多列联动
通过 Picker 上的实例方法可以更灵活地控制选择器，比如使用 `setColumnValues` 方法实现多列联动。
```html
<van-picker ref="picker" :columns="columns" @change="onChange" />
@@ -195,7 +195,7 @@ export default {
### 加载状态
若选择器数据是异步获取的，可以通过 `loading` 属性显示加载提示
若选择器数据是异步获取的，可以通过 `loading` 属性显示加载提示。
```html
<van-picker :columns="columns" :loading="loading" />
@@ -220,7 +220,7 @@ export default {
### 搭配弹出层使用
在实际场景中，Picker 通常作为用于辅助表单填写，可以搭配 Popup 和 Field 实现该效果
在实际场景中，Picker 通常作为用于辅助表单填写，可以搭配 Popup 和 Field 实现该效果。
```html
<van-field