vant实现select效果，单选和多选
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vant实现select效果，单选和多选相关的知识，希望对你有一定的参考价值。
参考技术A 使用(建议全局注册)|-confirm -- 点击完成按钮时触发 -- 单列：选中[整个数据]的值，选中值对应的索引，选中的value-|
|-cancel -- 点击取消按钮时触发 -- 单列：选中[整个数据]的值，选中值对应的索引，选中的value-|
|-change -- 选项改变时触发 -- 单列：选中[整个数据]的值，选中值对应的索引，选中的value-|
label-width ---------------------------label的一个宽度设置
label="单选select"---------------------label文字
:columns="columns"---------------------可选择的数据，只接受key-value格式的对象集合，[1,2,3]不可以
:option="label:'name',value:'code'"--数据的配置格式，默认label(显示的文字)，value（具体值）
|-confirm -- 点击完成按钮时触发 -- 单列：选中[整个数据]的值，选中值对应的索引，选中的value-|
|-cancel -- 点击取消按钮时触发 -- 单列：选中[整个数据]的值，选中值对应的索引，选中的value-|
|-change -- 选项改变时触发 -- 单列：选中[整个数据]的值，选中值对应的索引，选中的value-|
label-width ---------------------------label的一个宽度设置
label="单选select"---------------------label文字
:columns="columns"---------------------可选择的数据，只接受key-value格式的对象集合，[1,2,3]不可以
:option="label:'name',value:'code'"--数据的配置格式，默认label(显示的文字)，value（具体值）
以上是关于vant实现select效果，单选和多选的主要内容，如果未能解决你的问题，请参考以下文章