68 lines
1.2 KiB
Markdown
68 lines
1.2 KiB
Markdown
|
## 下拉选择器
|
|||
|
|
|
|||
|
|
> **组件名：complex-picker**
|
|||
|
|
|
|||
|
|
下拉选择器 ,可搜索( 快速过滤下拉选项 ) 可清空
|
|||
|
|
|
|||
|
|
## 属性
|
|||
|
|
|
|||
|
|
##### label --- 字符串类型 , 选择器的标签
|
|||
|
|
|
|||
|
|
##### treeArr --- 数组类型 , 省市区树形数据, 默认已经集成了全国数据, 可以直接使用
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
#例如
|
|||
|
|
[
|
|||
|
|
{
|
|||
|
|
"code": "110000",
|
|||
|
|
"value": "北京市",
|
|||
|
|
"children":[]
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
|
|||
|
|
## 事件
|
|||
|
|
|
|||
|
|
##### @confirm --- 弹出框中点击 确定 触发, 参数为选中的省市区对象
|
|||
|
|
|
|||
|
|
## 示例代码
|
|||
|
|
|
|||
|
|
```vue
|
|||
|
|
<template>
|
|||
|
|
<view class="container">
|
|||
|
|
<complex-picker-region label="年份" @confirm='confirm' />
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// import 配置 测试用 实际引入遵循easycom, 直接导入 即可使用组件
|
|||
|
|
// import complexpickerregion from '@/uni_modules/complex-plugin/complex-picker-region/components/complex-picker-region/complex-picker-region.vue'
|
|||
|
|
export default {
|
|||
|
|
// components: {
|
|||
|
|
// complexpickerregion
|
|||
|
|
// },
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
confirm(selectData) {
|
|||
|
|
console.log('selectData', selectData);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.container {
|
|||
|
|
padding: 20px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 24px;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
|