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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

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

3 条回复 • 2024-11-11 22:46:59 +08:00

shintendo

19 天前

不就是 Cascader 吗？任何一个 UI 库都有的吧。
至于省市区的数据，网上有 json 自己下一个呗

dfkjgklfdjg

19 天前

PC 和移动端的交互逻辑是不一样的。所以不可能用同一套来实现，除非拆开成 3 个选择器来实现。
但是 PC 端一般都是下拉选择，而移动端会考虑使用滑动 Picker 的形式。

---
就算是 3 个 Select ，业务逻辑也是一样的，传入过滤好的 optionList 。过滤的规则就是当前的 parentKey === 上一级选择的 key ，上级切换的时候触发一次就好了，同时也可以置空后续的选择框。
然后 CV 一套到移动端，把组件的 refs 改一下就行了。

skallz

19 天前

ui 组件最好 pc 和移动端使用对应的级联组件，三级联动数据可以用这个 npm 包：@pikaz/location ，地址： https://www.npmjs.com/package/@pikaz/location ，cdn 引入或者 npm 安装都可以