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

申请/专利权人：山东齐鲁壹点传媒有限公司

摘要：本申请涉及Web前端软件开发领域，具体涉及一种构建数据驱动table的视图组件及方法，包括调参模块、侦听模块和功能选择模块，以el‑table为根标签，利用Vue属性透传特性，以继承el‑table的原始属性，基于ElementPlus库中的el‑table封装table组件，配置基于Vue3.0框架的前端开发环境；优点在于，通过以上可以满足多种场景的应用，根据视图‑模型结构，仅通过父组件传入的数据模型，即可实现表格的动态化展示，同时达到组件的高度内聚，减少了代码的编写量，使代码更易维护，提高了开发效率。

主权项：1.一种构建数据驱动table的视图组件，其特征在于，包括调参模块、侦听模块和功能选择模块，以el-table为根标签，利用Vue属性透传特性，以继承el-table的原始属性，基于ElementPlus库中的el-table封装table组件，配置基于Vue3.0框架的前端开发环境；其中，调参模块：用Vue宏命令defineProps，定义需要传入的参数，用props变量来接受参数，以便在组件内部进行调用；侦听模块：组件内部添加侦听器watch函数，使用该函数在每次tableColumnData参数状态发生变化时触发回调函数，用数组方法filter函数，根据isVisible属性值，过滤出需要显示的列，此时定义一个columnData响应式变量，接受过滤后的新值，以便后续使用；组件内部用Vue宏命令defineEmits定义父组件监听到的组件内部触发的事件，定义一个emit变量接受，需要提供给父组件调用的事件，即可用emit‘someEvent’自定义触发事件，父组件可通过v-on监听事件，tableData、rowKey、dataLoading、cellClick、rowClick、selectionChange作为属性绑定到el-table标签上；分出两个el-table-column，一个是selection类型，通过showSelection控制启用，另一作为columnData响应式数据的循环体，循环时相应的值作为属性值，内部置入一个以slotName命名的动态插槽，给父组件提供的插槽内容提供出口；功能选择模块：根据需求选择相应的功能，渲染表格样式。

全文数据：

权利要求：

百度查询： 山东齐鲁壹点传媒有限公司 一种构建数据驱动table的视图组件及方法