买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

申请/专利权人：深圳开源互联网安全技术有限公司

摘要：本发明公开了一种table组件构建方法、装置及介质，包括：建立以Vue3.0框架作为开源框架的前端开发环境，在本地项目中引入ElementPlus组件库，在ElementPlus组件库中对table组件的组件参数进行设定，对table组件进行第一预处理，对table组件进行第二预处理。通过本申请的实施，能够构建出具有异步请求处理功能和分页组件功能的table组件，将分页组件和表格组件在一起封装起来，高度内聚组件，通过配置的形式进行自主取舍，提高开发者生产效率，同时将异步请求的逻辑融于到该组件中，让开发者在实际的开发过程中，更少的注意逻辑的实现，更多的关注业务的实现，进一步提高开发的效率，缩短项目工期。

主权项：1.一种table组件构建方法，其特征在于，所述方法包括：建立以Vue3.0框架作为开源框架的前端开发环境；其中，所述前端开发环境用于构建本地项目；在所述本地项目中引入ElementPlus组件库；其中，所述ElementPlus组件库为所述Vue3.0框架的前端组件库；在所述ElementPlus组件库中对table组件的组件参数进行设定，并根据所选择的文件路径确定对应方法工具；其中，所述方法工具用于实现带有ref类型的对象属性和loading状态的hook封装，所述loading状态的hook封装为useLoading，所述useLoading用于暴露出响应式数据loading；在所述table组件中根据所述方法工具设定异步请求hook的传入参数；其中，所述传入参数包括是否在调用函数时立即执行异步操作的参数、在异步操作请求前运行的回调函数、在异步操作请求成功后运行的回调函数、在异步操作请求失败后运行的回调函数；在所述table组件中根据所述方法工具设定异步请求hook的useAsync方法，完成对于所述table组件的异步请求hook封装；将异步请求方法getPageData封装于所述table组件；其中，所述组件参数包括表格列配置信息，所述表格列配置信息包括插槽名，所述异步请求hook和异步请求方法getPageData用于为所述table组件提供异步请求处理功能；使用props接收设定完成的传入参数，定义emit方法，以及使用useAsync方法进行异步请求，并暴露出run函数，loading状态，result响应数据，进行列表渲染的数据准备，完成table组件的一次封装；对所述table组件进行预处理，构建出具有异步请求处理功能和分页组件功能的table组件；其中，所述预处理用于将分页组件功能封装于所述table组件。

全文数据：

权利要求：

百度查询： 深圳开源互联网安全技术有限公司 一种table组件构建方法、装置及介质