vue-admin-template 新手學習（十）實現pdf下載

最新推荐文章于 2024-09-03 09:02:54 发布

原创

最新推荐文章于 2024-09-03 09:02:54 发布 · 305 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

这篇博客介绍了在vue-admin-template中实现PDF下载时遇到的问题，特别是当添加`target`属性后，导致无法在新窗口正确保存PDF文件。

簡單寫一個下載的頁面

<router-link to="/pdf/download">
      <el-button type="primary" @click="clickBtn">
        下載pdf
      </el-button>
    </router-link>

methods: {
    fetchData() {
      import('./content.js').then(data => {
        const { title } = data.default
        document.title = title
        this.article = data.default
        setTimeout(() => {
          this.fullscreenLoading = false
          this.$nextTick(() => {
            window.print()
          })
        }, 3000)
      })
    }

點擊下載