• 表格筛选
    • 普通用法

    表格筛选

    TIP

    1.0.0+

    普通用法

    筛选 - 图1

    设置filter为true，字典用法和普通用法一致,filterMethod为自定义的筛选逻辑，filter-multiple筛选的数据为多选还是单选，默认为 true

    1. <avue-crud :data="data" :option="option"></avue-crud>
    2. <script>
    3. export default {
    4.  data() {
    5.       return {
    6.         data: [
    7.           {
    8.             name:'张三',
    9.             sex:'男'
    10.           }, {
    11.             name:'李四',
    12.             sex:'女'
    13.           }
    14.         ],
    15.         option:{
    16.           page:false,
    17.           align:'center',
    18.           menuAlign:'center',
    19.           column:[
    20.              {
    21.               label:'姓名',
    22.               prop:'name',
    23.               formatter:function(row, value , label, column){
    24.                   return row.name +'自定义'
    25.               }
    26.             }, {
    27.               label:'性别',
    28.               prop:'sex',
    29.               filter:true,
    30.               dicData:[{ label: '男', value: '男' }, { label: '女', value: '女' }],
    31.               filterMethod:function(value, row, column) {
    32.                 return row.sex === value;
    33.               }
    34.             }
    35.           ]
    36.         }
    37.       }
    38.     }
    39.   }
    40. </script>