微信小程序实现两级联动

最新推荐文章于 2023-12-19 14:41:30 发布

今天星期八

最新推荐文章于 2023-12-19 14:41:30 发布

阅读量1.3k

点赞数 1

分类专栏：小程序

本文链接：https://blog.csdn.net/Missbelover/article/details/113399146

版权

本文介绍了如何在微信小程序中实现两级联动效果。通过在utils文件夹下创建JS模拟数据，确保最外层value与内部field1匹配。然后在目标页面引入数据，在WXML和JS中设置相关代码，定义并初始化数据，以及实现两个下拉选择框的联动方法。

摘要由CSDN通过智能技术生成

微信小程序实现两级联动

首先模拟数据（在utils 文件夹下创建 js 文件）
- （注：最外层的value 与内部孩子模块的field1一致）

module.exports = [
	{
   
	  "value": "001",
	  "name": "肃州区",
	  "list": [{
   
	      "value": "1",
	      "name": "测试1",
	      "field1": "001"
	    },
	    {
   
	      "value": "2",
	      "name": "测试2",
	      "field1": "001"
	    }]
	},
	{
   
	  "value": "002",
	  "name": "金塔县",