8回答

• 

  Sam

  2018-08-23 14:01:44

  已采纳

  你好，请将源码上传

  6 0

  Sam 回复qq_梦紫菱...

  不客气，继续努力！

  2018-08-24 09:50:51

  共 6 条回复 >

• 

  Sam

  2018-08-23 19:29:46

  另一个问题是mounted()是vue的钩子函数，不能写到methods里面，将mounted()移到和methods平级，就可以了（mounted()写在methods里面会导致mounted不生效，所以在dom渲染完毕后浏览器不会执行showEpub()方法）

  根据你的代码，我修改后附一份完整的代码，你可以和你的代码比对一下

  <template>
    <div class="ebook">
      <div class="read-wrapper">
        <div id="read"></div>
      </div>
    </div>
  </template>
  
  <script>
   import Epub from 'epubjs'
   const urlm = '/static/2018_Book_AgileProcessesInSoftwareEngine.epub'
   global.epub = Epub
   export default {
     methods: {
       showEpub () {
         this.book = new Epub(urlm)
         this.rendition = this.book.renderTo('read', {
           width: window.innerWidth,
           height: window.innerHeight
         })
         this.rendition.display()
       }
     },
     mounted () {
       this.showEpub()
     }
  }
  </script>
  
  <style lang="scss" scoped>
   @import 'assets/styles/global';
  </style>

  
  

  0 0
• 

  Sam

  2018-08-23 17:07:39

  你的问题是epubjs绑定的dom必须指定id，你写成了class，因为class不唯一，所以显示不出来

  <template>
    <div class="ebook">
      <div class="read-wrapper">
        <div class="read">12345</div>
      </div>
    </div>
  </template>

  将

  <div class="read">12345</div>

  改为

  <div id="read"></div>

  2 0

  qq_梦紫菱...

  或者老师您有没有整体的源码 我参考改下

  2018-08-23 17:42:26

  共 2 条回复 >

• 

  慕斯4868752

  2019-05-30 11:08:52

  我这边有些电子书也解析不出来，只有老师用的官网的例子可以解析出来.请问是和epubjs的版本有关么

  0 1
• 

  慕粉1704172375

  2018-10-18 14:49:06

  放到public里面就可以了

  0 0
• 

  qq_梦紫菱_0

  2018-08-23 17:38:09

  这边调试问题有关系吗

  7 0

  努力赚钱的打... 回复qq_嶸歸_...

  如果是vue-cli 3.0的话，放到public目录下即可。如果跟老师一样构建的话，可以试试用老师的电子书。我自己在网上随便下了epub格式的电子书就不能解析，代码啥的都没问题。

  2019-01-26 16:12:01

  共 7 条回复 >

• 

  qq_梦紫菱_0

  2018-08-23 15:47:56

  

  感觉并没有什么语法的问题啊 但就是渲染不出

  0 0
• 

  qq_梦紫菱_0

  2018-08-23 15:45:52

  

  

  epubjs的依赖也是有的
  

  0 0