Skip to content

基于vue 3.x『原生』仿iOS省市区三级联动、日期联动、时间联动、多级联动、自定义联动、vue联动组件

Notifications You must be signed in to change notification settings

chilliness/vue-linkage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

多级联动

版本

链接 链接 链接
vue版 angular版 react版

亮点

1、原生JavaScript实现,无须引入第三方

2、支持初始化数据,满足初始化需求

3、支持自定义数据,想要几列,由你做主

4、解决苹果手机橡皮筋效果带来的负面影响

5、已实现『时间、日期、省市区』联动组件,方便直接使用和个性化定制参考

6、提供『初始化、取消、确定、滚动结束』事件回调,并返回带有字段说明的对象

7、其他亮点,不再一一罗列,请自行发掘

效果

最终效果

注意事项

1、CSS代码使用Scss编写

2、本组件是针对移动端开发的,但PC端亦可使用

3、所有数据和组件均在src/components文件夹下,以文件夹划分

4、基础组件为tag-linkage-base,可根据此组件个性化定制符合需求的组件

5、如需使用本项目提供的『时间、日期、省市区』联动组件,请参考本项目代码

6、个性化定制时,请在『事件回调内容flag为true』时再做处理,不包含初始化事件

7、初始化事件回调『只发生在有初始化且初始化成功的前提下』,并返回带有字段说明的对象

8、本组件列数是根据list传入的二维数组长度决定的,请务必保证『二维数组list的合法性』

9、由于『显示内容和获取结果』是取子项的val属性,请务必保证『二维数组list每一项的子项为带有val属性的对象』

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

About

基于vue 3.x『原生』仿iOS省市区三级联动、日期联动、时间联动、多级联动、自定义联动、vue联动组件

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published