Code Monkey home page Code Monkey logo

vue-linkage's Introduction

多级联动

版本

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

亮点

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

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

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

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

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

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

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

效果

最终效果

注意事项

1、CSS代码使用Scss编写

2、本组件是针对移动端开发的,主要解决『移动端』联动问题

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

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

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

6、个性化定制时,请在『事件回调内容bool为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

Run your tests

npm run test

Lints and fixes files

npm run lint

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.