快速解决avue-crud默认搜索参数转为字符串导致后端报错的问题

在使用avue-crud进行数据搜索时，如果默认搜索参数为数组，在不传搜索参数时，avue-crud会默认将搜索参数转为字符串，从而导致后端报错。为了解决这个问题，我们可以采取以下措施：

1. 在avue-crud中，设置默认搜索参数为null或undefined，而不是数组。
2. 在后端，对搜索参数进行容错处理，即在搜索参数为空或为字符串时，将其转换为数组。

下面是一个代码示例，演示了如何修改avue-crud的默认搜索参数：

<template>
  <div>
    <avue-crud :data="tableData" :columns="tableColumns" :search-config="searchConfig" />
  </div>
</template>

<script>
import { ref } from 'vue'
import { defineComponent } from 'vue'
import AvueCrud from 'avue-crud'

export default defineComponent({
  components: { AvueCrud },
  setup() {
    const tableData = ref([])
    const tableColumns = ref([])
    const searchConfig = ref({
      search: null, // 默认搜索参数设为null
      onSearch(val) {
        // 搜索条件
        console.log(val)
      },
    })
    return {
      tableData,
      tableColumns,
      searchConfig,
    }
  },
})
</script>

在代码中，我们将默认搜索参数search设置为null，这样在不传搜索参数时，avue-crud就不会将其转为字符串，从而避免了后端报错的问题。

下面是一个代码示例，演示了如何对搜索参数进行容错处理：

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class SearchController extends Controller
{
    public function search(Request $request)
    {
        // 获取搜索参数
        $search = $request->get('search');

        // 容错处理
        if (empty($search) || is_string($search)) {
            $search = [];
        }

        // 执行搜索操作

        // 返回搜索结果
    }
}

在代码中，我们首先获取搜索参数search，然后对其进行容错处理。如果search为空或为字符串，则将其转换为数组，这样就可以避免后端报错的问题。