vue quasar 如何在上一次渲染PDF文档没有完成前，不渲染下一次PDF文档到画面

在Vue Quasar中，您可以通过使用一个标志位来控制是否渲染下一次的PDF文档，以确保在上一次渲染完成之前不进行下一次的渲染。

您可以在Vue组件中定义一个`isLoading`标志位，默认为`false`，表示当前是否正在加载PDF文档。当开始加载PDF文档时，将`isLoading`设置为`true`，加载完成后将其设置回`false`。在模板中使用`v-if`指令根据`isLoading`的值来决定是否渲染PDF文档。

下面是一个示例代码：

<template>
  <div>
    <div v-if="!isLoading">
      <!-- PDF文档渲染的区域 -->
      <div id="pdf-container"></div>
    </div>
    <div v-else>
      <!-- 加载提示或占位符 -->
      <p>Loading...</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isLoading: false
    };
  },
  methods: {
    loadPDF() {
      this.isLoading = true;

      // 加载PDF文档的逻辑
      // ...

      // 加载完成后将isLoading设置回false
      this.isLoading = false;
    }
  },
  mounted() {
    this.loadPDF();
  }
};
</script>

在上述示例中，当`isLoading`为`false`时，会渲染PDF文档的区域；当`isLoading`为`true`时，会显示加载提示或占位符。

在`loadPDF`方法中，您可以根据实际情况编写加载PDF文档的逻辑，例如使用pdfjs-dist库加载PDF文档到指定的容器中。在加载开始时将`isLoading`设置为`true`，加载完成后将其设置回`false`。

这样可以确保在上一次渲染PDF文档没有完成之前，不会渲染下一次的PDF文档到画面。

希望以上解答对您有所帮助！如果还有其他问题，请随时提问。