fix: 区分视图更新事件与数据更新事件 修复同步数据未展示的问题

src/global/initPlugin.js

@@ -64,6 +64,7 @@ export default function initPlugin() {
             const dataBase = JSON.parse(data)
             this.dataBase = dataBase
             window.db.dataBase = dataBase // 更新内存中数据
+            listener.emit('view-change') // 触发视图更新
           } catch (err) {
             utools.showNotification('读取剪切板出错: ' + err)
             return
@@ -104,7 +105,7 @@ export default function initPlugin() {
       this.dataBase.data = []
       window.db.dataBase.data = []
       this.updateDataBaseLocal(this.defaultDB)
-      listener.emit('change')
+      listener.emit('view-change')
     }
     filterDataBaseViaId(id) {
       return this.dataBase.data.filter((item) => item.id === id)

src/views/Main.vue

@@ -231,13 +231,6 @@ onMounted(() => {
     })
   } else {
     // macOS或监听器启动失败时
-    // 进程虽然没有启动 但是可以接收emit
-    window.listener.on('change', () => {
-      // 检查到change事件 更新展示数据
-      list.value = window.db.dataBase.data
-      updateShowList(activeTab.value)
-    })
-
     let prev = {}
     setInterval(() => {
       const now = window.db.dataBase.data[0]
@@ -251,6 +244,14 @@ onMounted(() => {
     }, 800)
   }
 
+  // 接收来自外部的触发视图更新事件
+  // 进程虽然没有启动 但是可以接收emit
+  window.listener.on('view-change', () => {
+    // 检查到change事件 更新展示数据
+    list.value = window.db.dataBase.data
+    updateShowList(activeTab.value)
+  })
+
   // 监听搜索框
   watch(filterText, (val) => updateShowList(activeTab.value))