feat(Cascader): basic dom struct
This commit is contained in:
@@ -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 | 自定义顶部标题 |
|
||||
|
||||
Reference in New Issue
Block a user