vant实现select效果，单选和多选

admin 2023-09-08 14:45:02

篇首语：本文由小编为大家整理，主要介绍了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效果，单选和多选的主要内容，如果未能解决你的问题，请参考以下文章

将 List 转换为 String

SQL 中UPDATE用法

vant实现select效果，单选和多选

您可能还会对下面的文章感兴趣：

相关文章