首页 博客 文档 标签 归档 分类 示例文章 更新记录
element-ui表格筛选的filters数据异步获取 - SasSPro | 优秀的 Emlog 文档展示模板 | 高效管理与展示解决方案
首页 博客 文档 标签 归档 分类 示例文章 更新记录

element-ui表格筛选的filters数据异步获取

2021-10-22 · 管理员 · 阅读 4329

鲤鱼的同桌咨询:

表格筛选的filters数据是异步获取的是怎么放进去的啊, 写死的是这样:

 filters: [
    {text: 'B1', value: 'B1'},
    {text: '1F', value: '1F'},
    {text: '2F', value: '2F'},
    {text: '3F', value: '3F'},
    {text: '4F', value: '4F'},
    {text: '5F', value: '5F'}
]

回答:

第一步: 将filters放在data中:

data () {
    return {
        floorFilter: []
    }
}
然后在el-table中使用该floorFilter:

<el-table-column
      :filters="floorFilter"
      ...其它参数
    >
</el-table-column>
然后新建一个异步获取floorFilter选项的方法:

methods: {
    getFloorFilter() {
         // 模拟异步请求,需用ajax请求数据
        setTimeout(() => {
            this.floorFilter = 返回的筛选列表数组
        }, 1000)
    }
}
最后在created钩子函数里调用getFloorFilter就行了。

上一篇 webstorm不识别element-ui标签 下一篇 emlog后台密码错误无法登陆问题解决
管理员

emlog模版beginning开发者

评论交流 (0)

暂无评论,来坐第一个沙发吧~

发表评论