Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vuejs-筛选和排序,冲突?_Javascript_Vue.js_Vuejs2 - Fatal编程技术网

Javascript Vuejs-筛选和排序,冲突?

Javascript Vuejs-筛选和排序,冲突?,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我注意到一个奇怪的问题。使用元素UI和Vue2.js中的表组件() 在对列进行排序时,筛选似乎已被删除 复制步骤 将要显示的项目数设置为2 激活过滤器以仅显示标签Office 单击列name,对其进行排序 预期结果 表格按标签Office过滤,列name按字母顺序排序 实际结果 表不再按标签Office过滤,列name按字母顺序排序 你可以找到问题所在 问题 发生了什么事? 如何避免这种情况?这样就可以了 这样就行了 该表似乎缓存了原始数据以进行排序。它看不到计算机的更新。您需要以某种方式使

我注意到一个奇怪的问题。使用
元素UI
和Vue2.js中的
组件()

在对列进行排序时,筛选似乎已被删除

复制步骤
  • 将要显示的项目数设置为2
  • 激活过滤器以仅显示标签
    Office
  • 单击列
    name
    ,对其进行排序
  • 预期结果 表格按标签
    Office
    过滤,列
    name
    按字母顺序排序

    实际结果 表不再按标签
    Office
    过滤,列
    name
    按字母顺序排序

    你可以找到问题所在

    问题 发生了什么事?
    如何避免这种情况?

    这样就可以了


    这样就行了


    该表似乎缓存了原始数据以进行排序。它看不到计算机的更新。您需要以某种方式使用
    筛选方法
    。该表似乎在缓存原始数据以进行排序。它看不到计算机的更新。您需要以某种方式使用
    过滤方法
     onSortChange(column){
        this.filter = this.filter.slice(0)
      },