微信小程序之利用vant-picker实现三级联动

拟设计一个设备故障状况选择器，需要三级联动，第一级：设备大类；第二级：设备细类；第三级：故障描述，如下图：

1、需要引入vant-picker，需要定制一个数组，包含三级即[一级，一级内容，子类[二级，二级内容，子类[三级，三级内容]]]，如下图

2、在vant-picker的onChange事件中，对上面数组进行分级控制。

3、难点，需要把数组按三级拆分出来，放到picker的三列中，控制不好就会各种报错。

1、json，引入vant-picker

2、wxml

绑定change confirm 2个必须事件

3、js文件

31 定义选项内容，需要分成三级

32 data 中实现picker3列

33 onChange 事件实现

34 常见问题

341 最后一级如果没有内容，vant-picker会报错，所以需要做一个空判断，如果为空，赋值一个常量

342 是使用value，还是选择使用自己定义的常量，需要调试看。value值已经获取到了三列数据，但是容易出错。我最后还是选择使用原来定义常量proSelectList。

41 三级数据齐全的选择

42 第三级如果为空，第三列使用默认数据

多功能的微信小程序也要对小程序的建设目的以及实现功能作出具体的评估。这样才能判断制作这个小程序需要通过哪种方式。

就目前来说，建立小程序有两种方式，一种是使用模板，另一种是进行定制开发。

1、使用模板的方式，这种方式无需代码技术，由于模板是可以供多人使用的，因此价格相对较低，可以了解一下沃然建站平台官网。

2、定制开发，这种方式需要专业的开发公司进行开发，因此，价格相对较高，能够实现的功能也会比较强大。

如今微信出题答题已经十分常见，借助微信小程序能够非常便捷地自己制作微信答题系统。下面给大家来详细介绍一下自己出题的微信答题类小程序制作方法。

使用微信小程序，一般来说是两种途径。

微信小程序

第一是自主研发，本身具有一定的技术能力，通过微信小程序的接口实现功能上线。但这种方法需要研发周期和成本，而且过程中可能会遭遇瓶颈或者bug，不适合大多数人使用。

第二种方法就是完全性的傻瓜 *** 作了，大多数人都能用，那就是借助第三方的在线考试系统平台，将其当作工具来自己制作微信答题。完成后在线考试系统平台都可以生成对应的答题入口，参与答题只要扫码就可以了。

在线考试系统

轻速云在线考试系统被很多用户用来制作微信答题，使用方法也很简单，短短几步就可以制作出一场线上的答题考试。通过微信小程序来搜索轻速云，然后注册账号进行登录即可。

轻速云在线考试系统本身是支持双端的，除了手机微信外，在电脑上也能够使用。就拟题组卷这个过程来说，使用电脑来 *** 作会更加容易一些，所以不太建议使用手机。后续参加考试以及管理方面的，可以用手机来解决。

登录到管理后台，点击“我的试卷”即可创建试卷。之后调用题库中的题目完成选题，最后再进行考试环境配置即可将试卷进行发布。

试卷发布后，系统会自动生成二维码、小程序码等考试入口，将其保存下来通过微信扫码打开就能够参加考试了。

微信小程序的双标签模式是一种方便的多任务浏览模式。通过双标签模式，你可以在同一屏幕内同时打开两个不同的小程序，实现多任务浏览和 *** 作。

要使用微信小程序双标签模式，可以按照以下步骤进行 *** 作：

1 打开微信并进入小程序界面。

2 点击右上角的“＋”号，选择第一个小程序并进入。

3 在第一个小程序中，向上滑动屏幕，并点击“添加标签页”按钮（图标为“＋”和“⦁”组成），再选择要打开的第二个小程序。

4 此时，第二个小程序就会在新的标签页中打开，你可以在同一屏幕上同时浏览和 *** 作两个小程序了。

5 如果需要关闭某个标签页，可以点击标签页上的“×”按钮来关闭。

需要注意的是，并不是所有的微信小程序都支持双标签模式。如果你发现在某些小程序中没有“添加标签页”按钮，则该小程序可能不支持双标签模式。同时，在双标签模式下，你需要注意你的设备屏幕大小和分辨率，以避免 *** 作不便或界面拥挤的情况发生。

不同的应用场景，需要的小程序功能不同，

以下是目前市面上用得比较多的解决方案

小程序电商平台

展示分类、搜索购买、支付、会员、财务、分销、咨询、营销、双语切换等功能。

小程序品牌主页

展示企业形象，服务宣传，企业名片，客户需求表单，发布新闻资讯等

酒店预订

线上预订、定位到店、订单管理等功能。

知识付费

支持音频、视频、图文等多种付费形式，让知识更立体

餐饮外卖

实现展示、点餐、扫码、支付、会员营销等功能

活动票务

支持活动在线发布，活动报名、支付、客户管理等功能

语音口令红包

只要说出发起人设置的口令，程序识别后就可以领取到赏金啦

以上就是关于微信小程序之利用vant-picker实现三级联动全部的内容，包括:微信小程序之利用vant-picker实现三级联动、怎样创建一个多功能的微信小程序、如何在微信上出题答题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！