Einfache Schritte zum Schreiben benutzerdefinierter Anweisungen in Vue3.0

importiere Direktiven von "@/Directives/index"; // Benutzerdefinierte Direktive (@ steht für src)
const app = erstelleApp(App);
app.use(Richtlinien);
app.mount("#app");

import copy from "./copy"; // Importieren Sie die erforderlichen Anweisungen const directivesList = {
  kopieren // mounten};

const-Direktiven = {
  installieren: Funktion (App) {
    Object.keys(direktivenListe).forEach((Schlüssel) => {
      app.directive(Schlüssel, Direktivenliste[Schlüssel]); // registrieren });
  }
};

exportiere Standardanweisungen; // wirft

importiere { ElMessage } von "element-plus";
const Kopie = {
  montiert (el, { Wert }) {
    el.$wert = Wert;
    el.handler = () => {
      wenn (!el.$wert) {
        // Wenn der Wert leer ist, geben Sie eine Eingabeaufforderung aus. ElMessage.warning({
          Nachricht: "Hallo, der kopierte Wert darf nicht leer sein.",
          Typ: „Warnung“
        });
        zurückkehren;
      }
      wenn (Fenster.ZwischenablageDaten) {
        window.clipboardData.setData("Text", el.$Wert);
      } anders {
        (Funktion (Inhalt) {
          dokument.oncopy = Funktion (e) {
            e.clipboardData.setData("Text", Inhalt);
            e.preventDefault();
            Dokument.oncopy = null;
          };
        })(el.$wert);
        document.execCommand("Kopieren");
      }

      ElMessage.success("Kopieren erfolgreich");
    };
    // Klickereignis binden el.addEventListener("click", el.handler);
  },
  vorUpdate (el, {
    Wert
  }) {
    el.$wert = Wert;
  },
  nicht montiert (el) {
    el.removeEventListener("klicken", el.handler);
  }
};

Standardkopie exportieren;