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

Question

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

Answer 1

過濾這件事應該是跟組件沒啥關係的，主要是你在獲取後端數據時，做一些處理在喂給 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 就是處理好的數據了。