UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

vue 城市下拉模拟组件Citypicker

所属分类：输入-选择框

 43828  385  查看评论 (18)
分享到微信朋友圈
X
vue 城市下拉模拟组件Citypicker ie兼容9
 查看演示  立即下载

Citypicker

基于vue开发的城市模拟下拉组件

Citypicker Attributes

参数说明类型默认值
city-data城市数据源Array-
default-city默认城市设置String-
selectpattern配置城市字段名及默认提示文字Array[{field: 'userProvinceId', placeholder: '请选择省份'}, {field: 'userCityId', placeholder: '请选择城市'}, {field: 'userDistrictId', placeholder: '请选择区县'}]
short-name显示城市名称。简写/全称Booleanfalse
storage存储选中值的类型，Name/IdBooleantrue
level显示城市的级数Number3
disabled禁用Booleanfalse

Citypicker Events

事件名称说明回调参数
choice-caller选择选项触发的事件回调values：[name, id]
visible-change城市下拉框出现/隐藏时触发visible：出现则为 false，隐藏则为 true

相关插件-选择框
查看更多

jQuery下拉框美化插件

 jQuery自定义select下拉框美化插件
  选择框
 41449  361

jQuery省市联动、下拉框表单美化

 jQuery个人信息表单，联动、下拉框表单美化
  选择框
 42306  404

vue2.0实现全选，全不选。

 当单个选中所有时，全选自动变成全选状态；当全选后，取消其中一个，全选状态改变。
  选择框
 33922  361

div模拟下拉省市级联三级联动附带地区数据(原创)

 带地区代码，兼容到ie8；浏览器样式统一，下拉图标可自行更换，根据隐藏input value值获取地区代码
  选择框
 30016  327

讨论这个项目（18）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    CrystalSong_A 0
    2020/10/19 11:32:06
    请问如何置空，要求是 选择数据保存数据，成功后清空表单 回复
    LQY 0
    2020/9/7 10:52:47
    怎么使用放到vue里 回复
    Admin 0
    2020/5/14 18:12:21
    还不错，需要微调一些样式问题，整体来说还是可以的，自己还能根据需求重新添加功能 回复
    丢丢o_0° 0
    2019/9/2 10:04:54
    各位大佬，有谁下载好了，可以分享一下吗 回复
    黄艺群 0
    2019/8/20 20:01:00
    请尽快回复
        黄艺群0
        2019/8/20 20:05:44
        请回复我
    回复
    黄艺群 0
    2019/8/20 20:00:12
    你能不能告诉我，idea用什么命令能够运行，我的是vue前端项目，如果不太明白的请加我qq:34364351180
        丢丢o_0°0
        2019/9/2 10:35:53
        想问下这个 直接下载过可以直接用吗
    回复
    ~~长得丑，多读书~~ 0
    2019/6/27 15:17:16
    太贵了
        lquan0
        2019/7/30 16:14:01
        汗颜...刚开始定的太高了，现在是不能改了
    回复
    KevinChang_TW 0
    2018/10/25 9:16:50
    我购买了, 可是html全在js中不知如何抽离出来使用, 是否可以解说一下呢? 否则现在根本是浪费~~
        lquan0
        2018/11/8 16:57:27
        你不会看的吗？明明写着是vue组件了，还什么抽离，逗我呢
    回复
    荒熊0佩恩 0
    2018/10/16 16:59:31
    大哥你这个太贵了
        lquan0
        2018/10/16 17:28:24
        尴尬・・・这个我自己输错了，发了之后才知道不能改了
    回复
    One 0
    2018/9/11 14:42:34
    谁能告诉我这个插件怎么用。。为什么把html代码都写到，，js中了。根本看不懂啊。，。哪管给几行主要html代码也行啊，怎么把单独的一个拿出来用啊
        匆匆那年0
        2018/10/24 11:21:34
        你这个下载下来了没？需要配合vue使用的，你要是下载了。我可以告诉你
        lquan0
        2019/8/9 11:07:07
        这是vue组件，不是jq插件，要配合vue使用
        黄艺群0
        2019/8/20 20:06:40
        咋用啊
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复