基于vant的van-picker实现自定义的四层区域组件的封装方法总结

基于vant的van-picker实现自定义的四层区域组件的封装方法总结

1.业务需求：

• 最近在做一个vue的H5项目，由于项目的需求，需要在项目中使用后端管理系统维护的区域在H5上面进行渲染并选择，注意这里的区域总共有4层，并且通过组件需要返回4层区域的全部信息。
• 先展示一下最终的效果：
• 

2.解决方案：

• 第一步：坑定是先找一个容器容纳这个组件，这里我使用的vant的van-picker，HTML代码如下（其中：columns：表示组件数据，cancel：表示点击取消触发的函数，confirm：表示点击确认触发的函数）：

• 	 <div