Vue Lazy Cascader 是一个vue2级联选择器组件,基于 element-ui 的级联组件。它保留了 el-cascader 的完整功能,并增加了滚动加载和远程搜索功能。
您可以通过 npm、yarn 或 pnpm 来安装 Vue Lazy Cascader。
npm install vue-lazy-cascader --save
yarn add vue-lazy-cascader
pnpm install vue-lazy-cascader --save
属性名 | 类型 | 描述 |
---|---|---|
remote | boolean | 是否开启远程搜索 |
props.remoteMethod | (query: string, resolve: (any[]) => void) | 远程搜索方法,回调接收搜索的数据作为参数,会将未加载的数据插入到级联的数据store中 |
props.total | string | 指定选项子节点总数为选项对象的某个属性值,默认'total' |
event name | callback parameter | description |
---|---|---|
menu-scroll-bottom | (parentNode: Node, resolve: (any[]) => void) | 当菜单滚动到底部时触发,回调接收滚动加载的新数据作为参数,会将传入的未加载的数据插入到级联的数据store中。 |
suggestion-scroll-bottom | (query: string, resolve: (any[]) => void) | 当搜索列表滚动到底部时触发,回调接收搜索的数据作为参数,会将未加载的数据插入到级联的数据store中。 |