有没有独立的同时可以 pc 移动端用的三级联动城市选择组件啊

81 天前
 dzdh

实在不想自己写三个 select 来回改了。编辑的时候好痛苦。

1280 次点击
所在节点    JavaScript
3 条回复
shintendo
81 天前
不就是 Cascader 吗?任何一个 UI 库都有的吧。
至于省市区的数据,网上有 json 自己下一个呗
dfkjgklfdjg
81 天前
PC 和移动端的交互逻辑是不一样的。所以不可能用同一套来实现,除非拆开成 3 个选择器来实现。
但是 PC 端一般都是下拉选择,而移动端会考虑使用滑动 Picker 的形式。

---
就算是 3 个 Select ,业务逻辑也是一样的,传入过滤好的 optionList 。过滤的规则就是当前的 parentKey === 上一级选择的 key ,上级切换的时候触发一次就好了,同时也可以置空后续的选择框。
然后 CV 一套到移动端,把组件的 refs 改一下就行了。
skallz
80 天前
ui 组件最好 pc 和移动端使用对应的级联组件,三级联动数据可以用这个 npm 包:@pikaz/location ,地址: https://www.npmjs.com/package/@pikaz/location ,cdn 引入或者 npm 安装都可以

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1088509

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX