mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-28 04:16:37 +08:00
74 lines
1.3 KiB
Markdown
74 lines
1.3 KiB
Markdown
## Select 选择
|
|
|
|
### 使用指南
|
|
在 index.json 中引入组件
|
|
```json
|
|
{
|
|
"usingComponents": {
|
|
"zan-select": "path/to/zanui-weapp/dist/select/index"
|
|
}
|
|
}
|
|
```
|
|
|
|
### 代码演示
|
|
```html
|
|
<zan-select
|
|
items="{{ items }}"
|
|
checkedValue="{{ checkedValue }}"
|
|
activeColor="{{ activeColor }}"
|
|
bind:change="handleSelectChange"
|
|
/>
|
|
```
|
|
```js
|
|
Page({
|
|
data: {
|
|
items: [
|
|
{
|
|
value: '1',
|
|
// 选项文案
|
|
name: '选项一',
|
|
},
|
|
{
|
|
value: '2',
|
|
name: '选项二',
|
|
},
|
|
],
|
|
checkedValue: '1',
|
|
activeColor: '#ff4443'
|
|
},
|
|
|
|
methods: {
|
|
handleSelectChange({ detail }) {
|
|
console.log(detail);
|
|
}
|
|
}
|
|
});
|
|
```
|
|
|
|
|
|
|
|
#### 具体参数
|
|
| 参数 | 说明 | 类型 | 默认值 | 必须 |
|
|
|-----------|-----------|-----------|-------------|-------------|
|
|
| items | select 显示各个项的配置 | Array | - | |
|
|
| checkedValue | 高亮的 item 的 value 值 | String | - | |
|
|
| activeColor | Select 高亮颜色 | String | #ff4444 | |
|
|
|
|
items 具体格式如下
|
|
```js
|
|
{
|
|
items: [
|
|
{
|
|
// 选项选中时,代表的选中值。会以此作为唯一值,判断是否选中
|
|
value: '1',
|
|
// 选项的文字描述
|
|
name: '选项一',
|
|
},
|
|
{
|
|
value: '2',
|
|
name: '选项二',
|
|
},
|
|
]
|
|
}
|
|
```
|