element ui table+分页筛选全部数据-demo

最新推荐文章于 2024-02-29 20:39:02 发布

转载最新推荐文章于 2024-02-29 20:39:02 发布 · 2.3k 阅读

文章标签：

#element-ui

element-ui 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用 Element UI 的表格组件进行数据展示和筛选操作，包括设置表格样式、加载状态提示、监听筛选事件以及后端数据获取等关键功能。通过具体实例，展示了如何利用 Vue.js 的响应式特性实现表格数据的动态加载和过滤。

原文链接：http://www.jianshu.com/p/86411f0fac57
<el-table
:data=“tableData”
highlight-current-row
v-loading=“listLoading”
element-loading-text=“请稍后…”
style=“width: 100%;”
@filter-change=“filterTagTable”
>

已回答
未回答

查看详情
删除

data(){
return {
filterStatus: [{ text: “已回答”, value: 1 }, { text: “未回答”, value: 0 }],
listQuery:{
status:’’
}
}
},
methods:{
filterTagTable(filters){
if(filters.aStatus){
this.listQuery.status = filters.aStatus[0]
}
this.getAll() // 筛选所选项下的所有数据，需要调用后端接口