关注前端 | 前端博客
当前位置: JavaScript > picker-card – 移动端多层级树结构数据展示方法和选择的最佳解决方法

picker-card – 移动端多层级树结构数据展示方法和选择的最佳解决方法

2020-03-14 分类:JavaScript 作者:管理员 阅读(1530)

picker-card

picker-card是什么?它有什么用?有什么优势?

picker-card是什么?

picker-card是一个专为移动端旨在解决多层级树结构数据的展示和选择,当然也不排除最基本的单选、二级联动选择、三级联动选择等等,彷佛它能够做很多事

picker-card有什么用?

单选/二级联动(比如省市选择)/三级联动(省市区选择)/多级联动选择(地区->机构->子机构->...)

picker-card有什么优势?

传统的IOS原生 picker,最多好像是3级,如果需要是N级联动?就满足不了了。所以也是我写这个插件也可以叫组件吧,毕竟样式也有那么点(无奈的笑)。
优势是可以无限级展示和选择,局限于移动端设备的面积就那么丁点,能做的也就是复用同样一块地方,做不同的事罢了

体验直通车

项目地址

「三年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞(1) 打赏

感谢您让我添加个鸡腿!

支付宝
微信
1

感谢您让我添加个鸡腿!

支付宝
微信
标签:

上一篇:

下一篇:

共有 4 条评论 - picker-card – 移动端多层级树结构数据展示方法和选择的最佳解决方法

  1. 小菜啊 Windows 7 Chrome 81.0.4044.138

    能用在vue上么?

    1. 管理员 Windows NT 搜狗浏览器 2.X

      @小菜啊移动端 vue项目的话,可以参考 https://juejin.im/post/5e6c2811f265da5710439c93

  2. 老掉牙 Windows XP Chrome 49.0.2623.112

    选择后的数据可以回显吗?实际使用中(如编辑页面)要用到。

    1. 管理员 Windows NT 搜狗浏览器 2.X

      @老掉牙选择后的,你所选择的对象返回给你了的,就是来获取 选择的 id 去请求,这样的需要考虑到了的

博客简介

一个不知名的前端菜鸟,梦想能够飞上青天!
掘金 思否 npm github

精彩评论

服务热线:
 177****6038

 QQ在线交流

 旺旺在线