代码提交

package-lock.json

@@ -5,7 +5,6 @@
   "requires": true,
   "packages": {
     "": {
-      "name": "project-pc",
       "version": "1.0.0",
       "dependencies": {
         "@ezijing/vue-form": "^2.2.4",
@@ -14,6 +13,8 @@
         "core-js": "^3.9.1",
         "driver.js": "^0.9.8",
         "element-ui": "^2.15.1",
+        "file-saver": "^2.0.5",
+        "js-file-download": "^0.4.12",
         "nuxt": "^2.15.3",
         "qrcode.vue": "^1.7.0",
         "qs": "^6.10.1",
@@ -5034,6 +5035,11 @@
         "node": ">= 10.13.0"
       }
     },
+    "node_modules/file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
+    },
     "node_modules/file-uri-to-path": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
@@ -6484,6 +6490,11 @@
         "jiti": "bin/jiti.js"
       }
     },
+    "node_modules/js-file-download": {
+      "version": "0.4.12",
+      "resolved": "https://registry.npmjs.org/js-file-download/-/js-file-download-0.4.12.tgz",
+      "integrity": "sha512-rML+NkoD08p5Dllpjo0ffy4jRHeY6Zsapvr/W86N7E0yuzAO6qa5X9+xog6zQNlH102J7IXljNY2FtS6Lj3ucg=="
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -17151,6 +17162,11 @@
         }
       }
     },
+    "file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
+    },
     "file-uri-to-path": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
@@ -18314,6 +18330,11 @@
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.9.1.tgz",
       "integrity": "sha512-AhYrAxJ/IW2257nHkJasUjtxHhmYIUEHEjsofJtGYsPWk8pTjqjbPFlJfOwfY+WX8YBiKHM1l0ViDC/mye2SWg=="
     },
+    "js-file-download": {
+      "version": "0.4.12",
+      "resolved": "https://registry.npmjs.org/js-file-download/-/js-file-download-0.4.12.tgz",
+      "integrity": "sha512-rML+NkoD08p5Dllpjo0ffy4jRHeY6Zsapvr/W86N7E0yuzAO6qa5X9+xog6zQNlH102J7IXljNY2FtS6Lj3ucg=="
+    },
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",

package.json

@@ -16,6 +16,8 @@
     "core-js": "^3.9.1",
     "driver.js": "^0.9.8",
     "element-ui": "^2.15.1",
+    "file-saver": "^2.0.5",
+    "js-file-download": "^0.4.12",
     "nuxt": "^2.15.3",
     "qrcode.vue": "^1.7.0",
     "qs": "^6.10.1",

pages/dataDownload/dataDownload.vue

@@ -14,6 +14,7 @@
           <p class="p2">下载</p>
         </div>
       </a>
+
       <a
         href="https://webapp-pub.ezijing.com/project/marywood/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.docx"
         download="常见问题.docx"
@@ -66,6 +67,8 @@
   </app-frame>
 </template>
 <script>
+import { saveAs } from 'file-saver'
+
 import appFrame from '@/components/appFrame'
 export default {
   layout: 'normal',
@@ -86,6 +89,16 @@ export default {
     isMobile() {
       return this.$store.state.isMobile
     }
+  },
+  methods: {
+    download() {
+      var file = new File(
+        ['https://webapp-pub.ezijing.com/project/marywood/%E6%8B%9B%E7%94%9F%E7%AE%80%E7%AB%A0.pdf'],
+        '招生简章.pdf',
+        { type: 'text/plain;charset=utf-8' }
+      )
+      FileSaver.saveAs(file)
+    }
   }
 }
 </script>