前端获取选中行ids并发送请求到后端获取数据

后端代码：

public Result<?> cflistByIds(List<Integer> ids){
    List<YlYncf> list = new ArrayList<>();
    if(ids != null && ids.size()>1){
        list = ylYncfService.listByIds(ids);
    }
    return Result.ok(list);
}

前端代码：

const handleSelectRowChange = async (rowData) => {
  let selected = rowData.selectedRows[0];
  let formData = {
    ids: selected.ids
  };
  console.log(formData);
  yncf.value = await defHttp.get({ url: '/workstation/ylYncf/cflistByIds', params: formData });
  console.log(yncf.value);
};

说明：

该代码片段展示了如何获取选中行的ids属性值，并将其封装成一个对象，作为参数传递给后端的API。
假设rowData中的ids属性包含选中行的ids属性值。你可能需要根据实际情况修改代码。
后端代码使用cflistByIds方法接收前端传递的ids列表，并根据ids列表从数据库中获取数据。

示例：

假设rowData中的ids属性值为[1, 2, 3]，则formData将会被赋值为 { ids: [1, 2, 3] }。前端代码会将该对象发送到后端API /workstation/ylYncf/cflistByIds，并使用该对象中的ids属性值查询数据库数据。

总结：

本文演示了如何从前端获取选中行数据，并将其传递到后端，进而获取对应的数据。这是一种常见的开发场景，希望本文能够帮助你更好地理解前端和后端之间的数据交互。