V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
dzdh
V2EX  ›  JavaScript

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

  •  
  •   dzdh · 27 天前 · 984 次点击

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

    3 条回复    2024-11-11 22:46:59 +08:00
    shintendo
        1
    shintendo  
       27 天前
    不就是 Cascader 吗?任何一个 UI 库都有的吧。
    至于省市区的数据,网上有 json 自己下一个呗
    dfkjgklfdjg
        2
    dfkjgklfdjg  
       27 天前
    PC 和移动端的交互逻辑是不一样的。所以不可能用同一套来实现,除非拆开成 3 个选择器来实现。
    但是 PC 端一般都是下拉选择,而移动端会考虑使用滑动 Picker 的形式。

    ---
    就算是 3 个 Select ,业务逻辑也是一样的,传入过滤好的 optionList 。过滤的规则就是当前的 parentKey === 上一级选择的 key ,上级切换的时候触发一次就好了,同时也可以置空后续的选择框。
    然后 CV 一套到移动端,把组件的 refs 改一下就行了。
    skallz
        3
    skallz  
       27 天前
    ui 组件最好 pc 和移动端使用对应的级联组件,三级联动数据可以用这个 npm 包:@pikaz/location ,地址: https://www.npmjs.com/package/@pikaz/location ,cdn 引入或者 npm 安装都可以
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   768 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 19ms · UTC 20:40 · PVG 04:40 · LAX 12:40 · JFK 15:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.