关于table升序,降序,上移,搜索,分页那些事儿

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Amy_cloud/article/details/86657018

开始之前先看看闲着没事儿,写的一个页面:
在这里插入图片描述
简单描述一下,思路和实现的步骤:
1.搜索: 采用vue的computed 计算属性在不改变原数组的情况下,过滤出用户搜索的信息
2.升序,降序: 采用js 的 sort() 方法,升序 a-b, 降序 b-a
3.上移: 利用 Vue.set() 响应式新增与修改数据
4.分页:自主封装了一个组件,子组件触发父组件的方法采用 this.$emit() 方法

详细代码请移步:https://github.com/AmyStore/table

猜你喜欢

转载自blog.csdn.net/Amy_cloud/article/details/86657018
今日推荐