javascript - Vue element 组件中 table的数据过滤问题?
PHPz
PHPz 2017-04-11 10:48:59
[JavaScript讨论组]
PHPz
PHPz

学习是最好的投资!

全部回复(2)
PHPz

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

高洛峰

感谢 感谢 这样做确实可以

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号