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

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注