jyj1202 / vue-lazy-cascader

基于element-ui级联选择器,加入滚动加载、远程搜索功能
https://jyj1202.github.io/vue-lazy-cascader/
MIT License
0 stars 0 forks source link

Vue Lazy Cascader

Vue Lazy Cascader 是一个vue2级联选择器组件,基于 element-ui 的级联组件。它保留了 el-cascader 的完整功能,并增加了滚动加载和远程搜索功能。

Install

您可以通过 npm、yarn 或 pnpm 来安装 Vue Lazy Cascader。

npm

npm install vue-lazy-cascader --save

yarn

yarn add vue-lazy-cascader

pnpm

pnpm install vue-lazy-cascader --save

Changelog

更新日志

Usage

description

Added Prop

属性名 类型 描述
remote boolean 是否开启远程搜索
props.remoteMethod (query: string, resolve: (any[]) => void) 远程搜索方法,回调接收搜索的数据作为参数,会将未加载的数据插入到级联的数据store中
props.total string 指定选项子节点总数为选项对象的某个属性值,默认'total'

Added Events

event name callback parameter description
menu-scroll-bottom (parentNode: Node, resolve: (any[]) => void) 当菜单滚动到底部时触发,回调接收滚动加载的新数据作为参数,会将传入的未加载的数据插入到级联的数据store中。
suggestion-scroll-bottom (query: string, resolve: (any[]) => void) 当搜索列表滚动到底部时触发,回调接收搜索的数据作为参数,会将未加载的数据插入到级联的数据store中。

Tip