微信小程序的picker组件不能使用对象该怎么解决

微信小程序的picker组件不能使用对象该怎么解决,第1张

于是我在服务器端把索引数组中的key和value用个循环分离出来,再存入新数组中。如图

[plain] view plain copy

{

a : 'a_value',

b : 'b_value'

}

改为

[plain] view plain copy

{

keys : [a, b],

values : ['a_value', 'b_value']

}

然后就可以用picker显示了,而且keys数组和values数组的index是对应的,如果想取出原来的索引只需要values[index]即可,

参考文档:

https://developers.weixin.qq.com/miniprogram/dev/component/picker.html

wxml

js

效果

普通选择器

多列选择器

时分秒(时间选择器)

年月日 日期选择器

省市选择器

传值问题:

微信小程序picker选择器传值

以最简单的普通选择器为例

wxml

js

wxss

array: ['工作', '放假', '加班', '调休'],对应的int值分别是0,1,2,3

在实际使用中

例子

微信小程序提交form表单内容

wxml

js

css

点击完成的时候,将所有填写的值传给后端


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12152396.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存