在后台页面很常见的数据筛选。
情况如下
上方输入筛选条件,下方显示数据(有分页)。点击按钮显示对应数据
因为用 vue,筛选的数据都做双向绑定了,当选择了筛选条件但没有按按钮,直接点击下一页,这时候筛选条件的参数其实加到请求参数里面了。所以点击下一页很可能没有数据(因为筛选后的数据就不到一页)。
这时候用户困惑,我没有筛选,下边明明显示有下一页,但是却没数据。
这个问题应该很常见,但是我最近的几个项目都没注意到,我发现在开源库里面几个出名的项目都有这个问题
1
lxk11153 2020-03-11 11:34:34 +08:00
data: {
ajax: {}//这是界面绑定的筛选条件 } method: { click: function(){ // 点击按钮显示对应数据 $.extend({},this.ajax); // 使用上面的返回结果去请求数据 } } |