feat(Cascader): basic dom struct

This commit is contained in:
chenjiahan
2020-12-20 21:23:50 +08:00
committed by neverland
parent 8180478213
commit 0352f5d9a6
7 changed files with 236 additions and 55 deletions
+15 -15
View File
@@ -2,7 +2,7 @@
### 介绍
级联选择框,用于多层级数据的选择,典型场景为省市区选择,2.9 版本开始支持此组件。
级联选择框,用于多层级数据的选择,典型场景为省市区选择,2.12 版本开始支持此组件。
### 引入
@@ -18,7 +18,9 @@ Vue.use(Cascader);
### 基础用法
```html
<van-cascader />
<van-popup v-model="show" round position="bottom">
<van-cascader title="请选择地区" />
</van-popup>
```
```js
@@ -35,15 +37,14 @@ export default {
### Props
| 参数 | 说明 | 类型 | 默认值 |
| ------------ | -------------------- | --------------------- | --------- |
| show.sync | 是否显示级联选择弹窗 | _boolean_ | `false` |
| title | 顶部标题 | _string_ | - |
| value | 选中项的值 | `string[] | number[]` | - |
| options | 可选项数据源 | _Option[]_ | `[]` |
| placeholder | 选中时的提示文案 | _string_ | `请选择` |
| confirm-text | 确认按钮文字 | _string_ | `确认` |
| active-color | 选中状态的高亮颜色 | _string_ | `#ee0a24` |
| 参数 | 说明 | 类型 | 默认值 |
| ------------ | ------------------ | ---------------------- | --------- |
| title | 顶部标题 | _string_ | - |
| value | 选中项的值 | _string[] \| number[]_ | - |
| options | 可选项数据源 | _Option[]_ | `[]` |
| placeholder | 未选中时的提示文案 | _string_ | `请选择` |
| active-color | 选中状态的高亮颜色 | _string_ | `#ee0a24` |
| closeable | 是否显示关闭图标 | _boolean_ | `true` |
### Events
@@ -54,7 +55,6 @@ export default {
### Slots
| 名称 | 说明 |
| ------------ | -------------- |
| title | 自定义顶部标题 |
| confirm-text | 自定义确认按钮 |
| 名称 | 说明 |
| ----- | -------------- |
| title | 自定义顶部标题 |