vue-datatable-url-sync:将数据表过滤器,排序和选项与查询参数同步。 在Vue2和Vue3中

时间:2024-04-29 15:35:33
【文件属性】:

文件名称:vue-datatable-url-sync:将数据表过滤器,排序和选项与查询参数同步。 在Vue2和Vue3中

文件大小:465KB

文件格式:ZIP

更新时间:2024-04-29 15:35:33

TypeScript

vue-datatable-url-sync 将数据表过滤器,排序和选项与查询参数同步。 在Vue2和Vue3中,使用api组成! 目标与解释 作为用户,您是否曾经在Datable中进行过滤或导航,打开Datable的一项,返回到Datable,然后看到您松开了所有过滤器和分页并不得不再次重写它们? 如果是,那令人沮丧吗? 如果是,那么此库可帮助您的用户再也没有这种感觉。 即使您重新加载页面或与其他用户共享链接。 现在,即使在纯Vanilla中,也已经有其他库可以将查询参数与javascript对象同步。 但是您必须重写datatble选项(page,pageSize,ordering)的所有逻辑,甚至比较两个状态之间的差异。 通过分离过滤器和datable选项,vue-datatable-url-sync自动使所有所需的行为与数据表一起使用。 vuetify数据表的用法示例(它可


【文件预览】:
vue-datatable-url-sync-main
----release.config.js(41B)
----.eslintrc.js(413B)
----vue3-example()
--------public()
--------.browserslistrc(30B)
--------.eslintrc.js(532B)
--------src()
--------babel.config.js(73B)
--------tsconfig.json(694B)
--------README.md(324B)
--------.gitignore(231B)
--------package-lock.json(669KB)
--------package.json(866B)
----src()
--------utils()
--------useDatatableUrlSync.ts(10KB)
----babel.config.js(147B)
----.circleci()
--------config.yml(502B)
----vue2-example()
--------public()
--------.browserslistrc(30B)
--------.eslintrc.js(545B)
--------src()
--------babel.config.js(73B)
--------tsconfig.json(891B)
--------README.md(324B)
--------vue.config.js(66B)
--------.gitignore(231B)
--------package-lock.json(493KB)
--------package.json(1KB)
----tsconfig.json(694B)
----LICENSE(1KB)
----build()
--------rollup.config.js(6KB)
----README.md(8KB)
----vue.config.js(57B)
----.gitignore(231B)
----package-lock.json(505KB)
----package.json(2KB)

网友评论