表格筛选

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>