多选-弹出（picks）
点击调用
---
```html
<view class="box flex">
<view class="link" data-name="skill" bindtap="formPicksShow" data-confirm="picksConfirm"></view>
<view class="flex0 form_title">
<text>{{ form.skill.title }}</text>
</view>
<view class="flex1 form_content">
<text wx:for="{{ form.skill.value }}" wx:key="id">{{ form.skill.data[item].name }} </text>
</view>
<view class="flex0 p10 color_gray4">
<text class="peafowlIconfont peafowl-right"></text>
</view>
</view>
```
```javascript
Page({
data: {
form: {
skill: {
title: '熟悉技能',
required: true,
data: [{
name: 'CSS HTML',
id: '0'
}, {
name: 'javascript',
id: '1'
}, {
name: 'php',
id: '2'
},{
name: 'JAVA',
id: '4'
}, {
name: 'C++',
id: '5'
}, {
name: 'python',
id: '6'
}],
value: []
}
}
},
// 单选选中后的回调
picksConfirm(name, value) {
let _this = this;
console.log('项目(' + name + ')选择了：' + value)
}
});
```
方法调用示例
---
```javascript
_this.formPicksShow({
name: 'skill',
data: [{
name: 'CSS HTML',
id: '0'
}, {
name: 'javascript',
id: '1'
}, {
name: 'php',
id: '2'
},{
name: 'JAVA',
id: '4'
}, {
name: 'C++',
id: '5'
}, {
name: 'python',
id: '6'
}],
// 可选
confirm: function(type, value) {
console.log(type + value)
}
});
```
配置项说明
---
|属性|类型|默认值|说明|
|-|-|-|-|
|bindtap|string|formPicksShow|必需，不可更改|
|data-name|string|-|必需，组件实例名|
|data-confirm|string|-|可选，选择关闭弹框的回调，有则调用，参数：name, value|