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

低調的D吖

于 2020-05-20 14:20:12 发布

阅读量285

点赞数

CC 4.0 BY-SA版权

分类专栏： vue js 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/software20121216/article/details/106230516

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

簡單寫一個下載的頁面

<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)
      })
    }

點擊下載