javascript - Vue element 组件中 table的数据过滤问题？

问题描述

问 题

element 组件中 table 数据过滤怎么做？就是后端给的数据可能需要二次过滤 设置默认值之类的

解决方案

過濾這件事應該是跟組件沒啥關係的，主要是你在獲取後端數據時，做一些處理在喂給 Table

例如：

{
    data() {
        return {
            items: [],
            // 兩種狀態 published, draft ，如果為空就是兩者都有
            type: 'published'
        }
    },
    computed: {
        filteredItems() {
            // 這樣就是根據 type 來過濾
            return this.items.filter( item => item.type === this.type)
        }
    },
    created() {
        // 假設獲取數據
        // 數據結構
        // [
        //    { id: 1, title: '...', content: '...', type: 'published' }
        // ]
        axios.get('/posts')
        .then( (response) => this.items = response.data)
    }
}

這樣 filteredItems 就是處理好的數據了。

这篇关于javascript - Vue element 组件中 table的数据过滤问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！