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

V2EX = way to explore

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

现在注册

已注册用户请登录

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

这是一个创建于 333 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

联动

城市

组件

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

shintendo

333 天前

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

333 天前

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

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

skallz

332 天前

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