如何实现微信小程序动态表单

如何实现微信小程序动态表单,第1张

的时候应该如下图所示:

1text-input文本框输入组件

2text-picker选框组件(性别,分组选框)

3text-time 时间组件

4image-upload 文件上传组件

5region-picker 省市县

微信官方behaviors文档

项目github地址

于是我在服务器端把索引数组中的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]即可,

最近微信小程序要做一个地区选择器,但是uniapp多列选择器组件不是很好用,同事自己封装了一个,我就拿来记录一下

先在外部的components文件下新建一个mulpickervue文件

页面中就直接调用

在编写表单的时候,因为有一个省市区的选择器重复用到,所以想拎出来当一个组件,同时后面又增加需求,这个表单页面展示时,先查数据,有的话要展示

但是这时我从后台拿到数组,发现传进组件的数据,接收到了却没有展示出来,看了其他博客,说是渲染问题:

picker里面的参数在data里已经完成初始化了

所以结果就是value对应的是data里面初始化的值,初始化的值为空,自然默认值只能是第一个。

我这里在组件中使用observers解决的

另外,不是组件,表单页面上直接使用picker组件也有这个问题,从后台拿到数据,即时使用了setData修改picker 的index,数据也没有展示出来,我的解决方式:

对原生微信小程序不是很熟,仅供参考

安卓里面的时间控件与日期控件都是分开的,如果要同时使用的话用户体验度那肯定不好,整合了安卓中的时间与日期控件,可以同时显示出来方便用户进行选择,使用时只需要将文件导入项目中,再需要用到的地方使用如下代码

可以。在小程序组件库中,只能单独升级这一个uni-datetime-picker组件的版本,所以小程序组件库可以单独升级。小程序是一种新的开放能力,可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

微信小程序中支持省市区地址级联吗?

微信小程序中的地址级联最多支持到几级?

今天,我们就来看看,微信小程序中的地址级联的使用,以及一些坑…希望大家看完之后能避免踩坑啊。

省市区级联

小程序中,picker组件是个很棒的组件,可以干好多事儿,微信官方对它的解释是:

从底部d起的滚动选择器。

那么,它都支持哪些功能呢?

普通选择器(selector)

多列选择器(multiSelector)

时间选择器(time)

日期选择器(date)

省市区选择器(region)

属性列表参考如图所示:

选择日期和时间,直接使用小程序的默认组件picker,就可以解决了。

在组件picker选择日期:将mode设置为date,选择事件:将mode设置为time即可。

家园联系栏是家园共育的重要窗口,是家长和幼儿园联系的一个纽带。在幼儿园里各班都会开辟一块家园联系栏,用于家长及时把握幼儿园或班级的教育情况,也有利于老师更好地完成家长工作。

以上就是关于如何实现微信小程序动态表单全部的内容,包括:如何实现微信小程序动态表单、微信小程序的picker组件不能使用对象该怎么解决、微信小程序uniapp封装多列选择器组件等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/zz/9485674.html

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

发表评论

登录后才能评论

评论列表(0条)

保存