vue mybatis-plus分页查询

您好！针对 Vue 和 MyBatis-Plus 进行分页查询的话，可以按照以下步骤进行操作：

1. 在前端 Vue 项目中，首先需要安装 axios，可以使用以下命令进行安装：

npm install axios --save

2. 创建一个封装了分页查询逻辑的函数，例如 `fetchData`：

import axios from 'axios';

export function fetchData(pageNum, pageSize) {
  return axios.get('/api/data', {
    params: {
      pageNum,
      pageSize
    }
  });
}

3. 在后端的 Java 项目中，使用 MyBatis-Plus 进行分页查询的话，可以参考以下步骤：

- 首先，确保已经引入了 MyBatis-Plus 的依赖，可以在 Maven 或 Gradle 配置文件中添加如下依赖：

<dependency>
    <groupId>com.baomidou</groupId>
    <artifactId>mybatis-plus-boot-starter</artifactId>
    <version>{version}</version>
</dependency>

- 在 MyBatis-Plus 的配置文件中，设置分页插件，例如 `MybatisPlusConfig`：

@Configuration
@MapperScan("com.example.mapper")
public class MybatisPlusConfig {

    @Bean
    public PaginationInterceptor paginationInterceptor() {
        return new PaginationInterceptor();
    }
}

- 在 Mapper 接口中定义分页查询方法，例如 `DataMapper`：

@Repository
public interface DataMapper extends BaseMapper<Data> {

    IPage<Data> selectDataByPage(Page<Data> page, @Param("param") QueryParam param);

}

- 在 Service 中调用 Mapper 的分页查询方法，例如 `DataService`：

@Service
public class DataService {

    @Autowired
    private DataMapper dataMapper;

    public IPage<Data> getDataByPage(int pageNum, int pageSize, QueryParam param) {
        Page<Data> page = new Page<>(pageNum, pageSize);
        return dataMapper.selectDataByPage(page, param);
    }
}

以上是一个简单的 Vue 和 MyBatis-Plus 分页查询的示例，具体的实现方式可能因项目结构和需求而有所不同，请根据实际情况进行调整。希望对您有所帮助！如果还有其他问题，请随时提问。