Vorwort
-
Die von Element bereitgestellte Nachrichtennachricht ist sehr praktisch und kann direkt mit Code erstellt werden. In bestimmten Szenarien ist es jedoch nicht anwendbar
-
Klicken Sie auf einen bestimmten Punkt, um den Benutzer zum Klicken aufzufordern, oder auf Websocket-Push, um den Benutzer zum Empfangen von Informationen aufzufordern (dies fordert das Benutzerszenario auf).
-
Wenn viele Push-Informationen eingehen oder der Benutzer weiter klickt. Dies bedeutet, dass auf dem Bildschirm immer wieder Meldungsaufforderungen angezeigt werden, die sich stapeln
-
Nicht freundlich und blockiert den Bildschirm. Dadurch wird die Benutzererfahrung sehr beeinträchtigt. Wir sollten eine Anti-Shake-Verarbeitung für die Popup-Box-Informationen durchführen
-
Und wir sollten diese Art der Verarbeitung besser hinzufügen, damit die ursprünglich auf der Seite geschriebene Nachrichtenaufforderungsnachricht nicht zweimal geändert werden muss
Code ist wichtig
1. Erstellen Sie eine Datei „resetMessage.js“ unter der Datei „utils/tools“ – der Code lautet wie folgt
/**重置message，防止重复点击重复弹出message弹框 */
import { Message } from 'element-ui'
let messageInstance = null
let mainMessage = function DoneMessage (options) {
//如果弹窗已存在先关闭
if (messageInstance) {
messageInstance.close()
}
messageInstance = Message(options)
}
let arr = ['success', 'warning', 'info', 'error']
arr.forEach(function (type) {
mainMessage[type] = function (options) {
if (typeof options === 'string') {
options = { message: options }
}
options.type = type
return mainMessage(options)
}
})
export const message = mainMessage
2. Einführung in main.js
// 还是按照之前的写法一样写弹出框信息，但如果一直触发弹出框就只会提示一次，不会在页面堆叠
import { message } from './utils/resetMessage'Zusammenfassen:
Ich glaube, dass Sie nach diesem Prozess auch einen vorläufigen tiefen Eindruck von der Anti-Shake-Verarbeitung der Nachrichtenaufforderung auf der Vue-PC-Seite haben – sie wird nur einmal in kurzer Zeit ausgelöst, aber die Situation, auf die wir in der tatsächlichen Entwicklung stoßen, muss so sein Wir müssen also sein Prinzip verstehen, und es ist immer das Gleiche. Komm schon, schlag die Arbeiter!
Bitte weisen Sie auf eventuelle Mängel hin, vielen Dank – Fengguowuhen