avue-crud 中option中type类型为dynamic 其中children中的搜索值怎么获取

在 Avue CRUD 中，当 `type` 属性设置为 `dynamic` 时，我们可以通过 `search` 属性来指定搜索的接口。在 `children` 属性中，我们可以使用 `$option` 对象来获取父级数据的信息，包括搜索值。

例如，我们可以在 `children` 中使用以下代码来获取搜索值：

{
  label: '子级数据',
  prop: 'children',
  type: 'dynamic',
  search: {
    url: '/api/children',
    params: {
      parentId: '$option.props.row.id', // 父级数据的 ID
      keyword: '$option.searchValue' // 搜索的关键字
    }
  }
}

在上面的代码中，我们使用 `$option.props.row.id` 来获取父级数据的 ID，使用 `$option.searchValue` 来获取搜索的关键字。这样，在发送请求时，就可以将这些信息作为参数传递给后端接口，从而实现动态加载子级数据。

相关问题

avue-crud option中column 里字段绑定回车搜索

你可以使用 `@keyup.enter` 监听回车键，在回车键按下时触发搜索操作。在 `avue-crud` 组件中，你可以这样写：

<avue-crud
  :option="crudOption"
  @search="handleSearch"
>
</avue-crud>

<script>
export default {
  data() {
    return {
      crudOption: {
        // ...其他配置
        column: [
          {
            label: 'Name',
            prop: 'name',
            search: true,
            searchConfig: {
              type: 'input',
              on: 'keyup.enter' // 监听回车键
            }
          },
          // ...其他列配置
        ]
      }
    }
  },
  methods: {
    handleSearch(query) {
      // 处理搜索逻辑
    }
  }
}
</script>

在这个例子中，我们在 `searchConfig` 中设置了 `on: 'keyup.enter'`，表示监听回车键。当用户在搜索框中输入关键字后按下回车键时，`handleSearch` 方法会被调用，你可以在这个方法中处理搜索逻辑。

avue-crud修改option的宽度

你可以通过修改 `AvueCrud` 组件中 `options` 属性中的 `formConfig` 对象中的 `labelWidth` 和 `itemWidth` 属性来调整表单元素的标签宽度和输入框宽度。

例如：

<avue-crud
  :options="{
    formConfig: {
      labelWidth: '100px',
      itemWidth: '200px'
    },
    ...
  }"
  ...
></avue-crud>

上面的示例中，标签宽度为 `100px`，输入框宽度为 `200px`。你可以根据实际情况来调整它们的值。