flipbook-vue icon indicating copy to clipboard operation
flipbook-vue copied to clipboard

What i'm doing wrong ? Nothing appears

Open pit07 opened this issue 3 years ago • 1 comments

Hi! I installed this package on my Nuxt application, My page:

<template>
     <flipbook class="flipbook" :pages="images"></flipbook>
</template>
<script>
export default {
  layout: "main",
  data(){
    return {
      images: [
        '@/assets/images/famille-1.jpg',
        '@/assets/images/famille-2.jpg',
        '@/assets/images/famille-3.jpg',
        '@/assets/images/famille-4.jpg',
        '@/assets/images/famille-5.jpg',
        '@/assets/images/famille-6.jpg',
      ]
    }
  }
};
</script>
<style scoped>
.flipbook {
  width: 90vw;
  height: 90vh;
}

</style>

I have no message, no error... but no flipbook :( Thanks a lot!

pit07 avatar May 18 '22 13:05 pit07

        '@/assets/images/famille-1.jpg',

These will not be resolved. Try using require like below;

    require('@/assets/images/famille-1.jpg').default,

ts1 avatar May 19 '22 01:05 ts1