Test: for reproduce bug of dom-to-image-more

Lruihao · Apr 1, 2024 · 0c0a411 · 0c0a411
1 parent 555cba7
commit 0c0a411
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/src/router.js b/src/router.js
@@ -38,7 +38,7 @@ const routes = [
   {
     path: '/dom-to-image',
     name: 'domToImage',
-    meta: { description: 'dom-to-image vs dom-to-image more' },
+    meta: { description: 'dom-to-image vs dom-to-image-more' },
     component: () => import(/* webpackChunkName: "domToImage" */ '@/views/dom-to-image'),
   },
   {

diff --git a/src/views/dom-to-image.vue b/src/views/dom-to-image.vue
@@ -1,7 +1,7 @@
-<!-- dom-to-image vs dom-to-image more -->
+<!-- dom-to-image vs dom-to-image-more -->
 <template>
   <div>
-    <h2>dom-to-image vs dom-to-image more</h2>
+    <h2>dom-to-image vs dom-to-image-more</h2>
     <p>
       Select a PNG image 👇
       <el-link type="primary" :href="srcUrl" style="margin-left: 13rem;">view source</el-link>
@@ -48,13 +48,14 @@ export default {
         })
     },
     handleDownload2() {
-      domtoimagemore.toPng(document.querySelector('img.preview'))
-        .then((dataUrl) => {
-          const link = document.createElement('a')
-          link.download = 'preview-more.png'
-          link.href = dataUrl
-          link.click()
-        })
+      domtoimagemore.toPng(document.querySelector('img.preview'), {
+        cacheBust: true
+      }).then((dataUrl) => {
+        const link = document.createElement('a')
+        link.download = 'preview-more.png'
+        link.href = dataUrl
+        link.click()
+      })
     }
   },
 }