Crud 模块

筛选

筛选 - 图1

设置filters为筛选的字典,filterMethod为自定义的筛选逻辑,filter-multiple筛选的数据为多选还是单选,默认为 true

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