原文链接: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() // 筛选所选项下的所有数据,需要调用后端接口
element ui table+分页 筛选全部数据-demo
最新推荐文章于 2024-02-29 20:39:02 发布
本文详细介绍了如何使用 Element UI 的表格组件进行数据展示和筛选操作,包括设置表格样式、加载状态提示、监听筛选事件以及后端数据获取等关键功能。通过具体实例,展示了如何利用 Vue.js 的响应式特性实现表格数据的动态加载和过滤。
4477

被折叠的 条评论
为什么被折叠?



