更新记录

1.0.2（2021-03-02）

版本更新

稍稍修改了一点样式

现在组件已经能够使用 v-model 进行双向绑定

1.0.1（2021-01-19）

修正了当多个此插件同时使用时，选项框互相重叠的BUG

1.0.0（2021-01-19）

1.0.0版本发布

平台兼容性

属性类型介绍

width / :width（可选）

总宽度，输入值为字符串型或参数，请带上单位 如 px 或 rpx

默认值为 600rpx

height / :height （可选）

总高度，输入值为字符串型或参数，请带上单位 如 px 或 rpx

默认值为 60rpx

label / :label （必需）

选项前的文字，输入值为字符串，代表选项类型，如：'姓名'、'性别'

option / :option （必需）

选项内容，输入值为数组

optionValue / :optionValue （必需）

点击选项时获取的值，值为字符串型，值的内容请输入选项数组中值对应的键

如 {age: 18} -- 输入 age

optionText / :optionText（必需）

点击选项时显示的项，值为字符串型，值的内容请输入为选项数组中值对应的键

如 {name: '小明'} -- 输入 name

@getData (可选)

点击选项后的返回事件，function(data){} ，其中 data 为 :optionValue 获取到的值

v-model='' （可选）

双向绑定一个值

代码示例

html

<nk-select

width="'100%'" 

height="'60rpx'" 

label="'类型'" 

:option="type"

optionValue="value"

optionText="text"

@getData="getTypeCode">

data

type:[

{text:'快递',value:1},

{text:'空运',value:2},

{text:'海运',value:3}

]

function

getTypeCode: function (data) {

console.log(data);

}