vue-print-nb打印时调用接口

你可以使用Vue.js中的Axios库来调用接口。首先，确保你已经在项目中安装了Axios库。然后，在需要打印时调用接口的地方，可以按照以下步骤进行操作：

1. 在组件中引入Axios库：

import axios from 'axios';

2. 在需要调用接口的方法中，使用Axios发送GET或POST请求来获取数据：

getData() {
  axios.get('/api/print-data') // 替换为你的接口地址
    .then(response => {
      // 在这里处理获取到的数据
      console.log(response.data);
    })
    .catch(error => {
      // 处理请求错误
      console.error(error);
    });
}

3. 当需要打印时，调用该方法：

print() {
  // 先调用接口获取数据
  this.getData()
    .then(() => {
      // 执行打印操作
      window.print();
    });
}

这样，当你调用`print()`方法时，它将首先调用接口获取数据（使用`getData()`方法），然后在获取到数据后执行打印操作（使用`window.print()`）。

记得替换示例代码中的接口地址 `/api/print-data` 为你实际的接口路径。另外，如果需要发送POST请求，可以使用`axios.post()`方法，并在第二个参数中传递请求体数据。

希望以上信息能对你有所帮助！如果有任何疑问，请随时提问。