Как реализовать Vue-PDF с Vuex? - PullRequest
Новая
       14

Как реализовать Vue-PDF с Vuex?

3 голосов
/ 11 октября 2019

У меня есть состояние Vuex, в котором я определяю выбранный pdf: 

  selectedPDF: "/svg/example.pdf"

(жестко задан для целей тестирования)

Получатель Vuex: 

getSelectedPDF: state => { return state.selectedPDF; }

И вотБазовая структура компонента: 

<template>
  <div>
    <pdf :src="selectedPDF"></pdf>
  </div>
</template>
<script>
import pdf from "vue-pdf";
import { mapGetters } from "vuex";
export default {
  name: "ExamplePdf",
  data: () => {
    return {};
  },
  computed: {
    ...mapGetters({
      selectedPDF: "selectedPDF"
    })
  },
  components: {
    pdf
  }
};

Моя идея - динамически загружать PDF-файлы в состоянии Vuex, а затем использовать приведенный выше пример компонента для отображения указанного PDF-файла в нескольких местах. Однако, как только я использую компонент где-то (где он правильно отображает PDF), если я пытаюсь использовать его где-то еще, он просто отображает пустую страницу. Реально ли это сделать с помощью этого модуля npm?

...