Vue-pdf报错pdfRender.cancel().catch

使用vue-pdf实现在线预览Pdf文件，首次加载Pdf的时候可能报错:  [Vue warn]: Error in v-on handler: "TypeError: undefined is not an object (evaluating 'pdfRender.cancel().catch')" ... 

更多内容如下图所示：

分析原因：可能是pdf元素没有设定宽度。

解决方案：给pdf元素设定宽度。

          <div ref="pdfBox" class="pdf-box">
            <pdf class="pdf-view"
              :src="pdfSrc"
              :page="pdfPage"
              @num-pages="pdfPageCount = $event"
              @page-loaded="pdfPage = $event" />
          </div>

​​​​​​​

.pdf-view {
  width: 800px;
  height: 600px;
  margin: 0 auto;
}