fix: 点击无响应

packages/download-link/index.vue

@@ -2,7 +2,7 @@
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-07-21 01:21:34
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-07-22 14:15:32
+ * @LastEditTime: 2023-07-23 01:34:25
  * @FilePath: \vue3\packages\download-link\index.vue
  * @Description: 现在组件
  *
@@ -48,12 +48,12 @@ async function reload(id: string | number) {
     const res = await props.request(id)
     url = res.url
     fileName = res.name
+    type = 'primary'
   }
   catch (error) {
     type = 'danger'
   }
   finally {
-    type = 'success'
     loading = false
   }
 }
@@ -88,6 +88,8 @@ function init() {
 
 watch(() => props.src, init)
 
+tryOnMounted(init)
+
 tryOnUnmounted(() => {
   if (url.startsWith('blob:')) {
   // revoke object URL after use to avoid memory leak.

stories/DownloadLink.stories.ts

@@ -2,7 +2,7 @@
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-07-21 12:25:52
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-07-22 14:38:22
+ * @LastEditTime: 2023-07-23 01:43:20
  * @FilePath: \vue3\stories\DownloadLink.stories.ts
  * @Description:
  *
@@ -23,7 +23,7 @@ const meta = {
      * 可以是文件名或URL。
      *
      */
-    src: '文件ID',
+    src: 'https://www.bingimg.cn/down/OHR.TeaEstate_ZH-CN9645412630_1920x1080.jpg',
     /** 文件信息请求函数 */
     request: () => Promise.resolve({
       url: avatar,

types/components.d.ts

@@ -13,6 +13,7 @@ declare module 'vue' {
     ElCol: typeof import('element-plus/es')['ElCol']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']