美文网首页
element table 表格 表头筛选条件的赋值 filte

element table 表格 表头筛选条件的赋值 filte

作者: 小蝴蝶_037a | 来源:发表于2019-04-18 17:24 被阅读0次
    多条件筛选

    如果你想通过代码主动赋值而不是通过去表格上勾选条件,就要通过 filtered-value 这个属性了

    官方文档

    在你的表格的相应列上加上

     <el-table-column prop="company_name" align="center" label="所属机构" :resizable='false' column-key="company_name" min-width="150" :filters="companyFilters" :filtered-value="companyNameFilters"></el-table-column>
    

    其中

    :filtered-value="companyNameFilters"
    

    是我们要加上的,companyNameFilters是我自定义的变量名,你需要在data里声明

    这时候你只需要对companyNameFilters进行赋值就行了

    this.companyNameFilters = [0,2,3]
    

    值得注意的是:
    你的filtered-value必须和你的filters的value数据类型必须一致 ,如果你的filters数组里是[text:'xx',value:'2'],而你的filtered-value却给了[2],是会报类型错误的。
    (ps:我的赋值操作只在created里有效。。。/笑哭 ,但是我看见有人在method里赋值成功了,目前还没找到是什么原因,我猜是我页面渲染的顺序有问题)

    相关文章

      网友评论

          本文标题:element table 表格 表头筛选条件的赋值 filte

          本文链接:https://www.haomeiwen.com/subject/nbbtgqtx.html