表格筛选

常用自定筛选条件

TIP

1.0.0+

普通用法

过滤 - 图1

filterBtn默认为true，可以自定义过滤条件，根据filter-change函数回调

  1. <avue-crud :option="option" :data="data" @filter-change="filterChange"></avue-crud>
  2. <script>
  3. export default {
  4.   data(){
  5.     return {
  6.        data:[{
  7.           text1:'内容1-1',
  8.           text2:'内容1-2'
  9.        },{
  10.           text1:'内容2-1',
  11.           text2:'内容2-2'
  12.        }],
  13.        option:{
  14.           filterBtn:true,
  15.           align:'center',
  16.           addBtn:false,
  17.           menu:false,
  18.           column: [{
  19.             label: '列内容1',
  20.             prop: 'text1',
  21.           }, {
  22.             label: '列内容2',
  23.             prop: 'text2',
  24.           }]
  25.        }
  26.     }
  27.   },
  28.   methods:{
  29.     filterChange(result) {
  30.       this.$message.success('过滤器' + JSON.stringify(result))
  31.     },
  32.   }
  33. }
  34. </script>