部署后提示用户更新10

src/App.vue

@@ -8,6 +8,13 @@
 import store from './store'
 
 export default {
-  name: 'App'
+  name: 'App',
+  created() {
+    document.body.addEventListener('plugin_web_update_notice', (e) => {
+      const { version, options } = e.detail
+      // write some code, show your custom notification and etc.
+      alert('System update!')
+    })
+  }
 }
 </script>

vue.config.js

@@ -62,6 +62,7 @@ module.exports = {
     plugins: [
       new WebUpdateNotificationPlugin({
         logVersion: true,
+        hiddenDefaultNotification: true
         // notificationProps: {
         //   title: lang === 'en' ? '📢 System update' : '📢 系统更新',
         //   description: lang === 'en' ? 'System update, please refresh the page' : '系统更新，请刷新页面',
@@ -69,21 +70,21 @@ module.exports = {
         //   dismissButtonText: lang === 'en' ? 'dismiss' : '忽略'
         // }
         // plugin preset: zh_CN | zh_TW | en_US
-        locale: lang,
-        localeData: {
-          en_US: {
-            title: '📢 System update',
-            description: 'System update, please refresh the page',
-            buttonText: 'refresh',
-            dismissButtonText: 'dismiss'
-          },
-          zh_CN: {
-            title: '📢 系统更新',
-            description: '系统更新，请刷新页面',
-            buttonText: '刷新',
-            dismissButtonText: '取消'
-          }
-        }
+        // locale: lang,
+        // localeData: {
+        //   en_US: {
+        //     title: '📢 System update',
+        //     description: 'System update, please refresh the page',
+        //     buttonText: 'refresh',
+        //     dismissButtonText: 'dismiss'
+        //   },
+        //   zh_CN: {
+        //     title: '📢 系统更新',
+        //     description: '系统更新，请刷新页面',
+        //     buttonText: '刷新',
+        //     dismissButtonText: '取消'
+        //   }
+        // }
       })
     ]
   },