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