avue-crud 中option中type类型为dynamic 其中children中的搜索值怎么获取
时间: 2024-05-04 09:19:37 浏览: 182
avue-crud-数据字典(网络-dicUrl:返回数据格式data:)
在 Avue CRUD 中,当 `type` 属性设置为 `dynamic` 时,我们可以通过 `search` 属性来指定搜索的接口。在 `children` 属性中,我们可以使用 `$option` 对象来获取父级数据的信息,包括搜索值。
例如,我们可以在 `children` 中使用以下代码来获取搜索值:
```javascript
{
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` 来获取搜索的关键字。这样,在发送请求时,就可以将这些信息作为参数传递给后端接口,从而实现动态加载子级数据。
阅读全文