elementUi中的table组件筛选问题

table组件有个属性filtered-value,作用是在页面加载时默认按照自定义的过滤筛选。
我的问题是该属性并没有生效,不知道大家有没有遇到类似的问题。
我的场景是渲染的列表数据存在了vuex中,然后进行加载
部分代码如下:

<el-table :data="newData" border style="width: 100%; " max-height="593">

        <el-table-column prop="status" label="状态" min-width="10%" :filters="[{ text: '加工', value: '加工' }, { text: '准备', value: '准备' }, { text: '暂停', value: '暂停' }, { text: '完工', value: '完工' }]" :filter-method="filterTag" :filtered-value="['准备', '加工','暂停']">
            <template scope="scope">
                <el-tag :type="warning" close-transition>{{scope.row.status}}</el-tag>
            </template>
        </el-table-column>
        ...

</el-table>
其中 newData是数据列表,此时渲染完之后的列表,并没有按照‘准备’,‘加工’,‘暂停’去筛选数据。也就是filtered-value未生效。
但是下拉框选择已经勾选,其实并未生效,手动点击筛选按钮之后才可以。求解答!!
clipboard.png

阅读 11.8k
1 个回答
新手上路,请多包涵

是的 element这样的设计很愚蠢。
而且文档对这部分的使用没有说明。只好自己使用computed来解决。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏