开始之前先看看闲着没事儿,写的一个页面:

简单描述一下,思路和实现的步骤:
1.搜索: 采用vue的computed 计算属性在不改变原数组的情况下,过滤出用户搜索的信息
2.升序,降序: 采用js 的 sort() 方法,升序 a-b, 降序 b-a
3.上移: 利用 Vue.set() 响应式新增与修改数据
4.分页:自主封装了一个组件,子组件触发父组件的方法采用 this.$emit() 方法
关于table升序,降序,上移,搜索,分页那些事儿
本文详细介绍了一个基于Vue的表格组件的实现过程,包括搜索、排序、数据上移及分页功能。利用Vue的computed属性进行搜索,JavaScript的sort()方法完成排序,Vue.set()实现数据的响应式更新,自定义分页组件并使用$emit方法触发父组件方法。

被折叠的 条评论
为什么被折叠?



