element message plus

عنصر الرسالة زائد

تحسين مكون Message ElementUI

وفي الوقت نفسه، يُسمح بإنشاء مثيلات المكونات من نفس type message مرة واحدة فقط.

سيؤدي حل العديد من الرسائل المتطابقة إلى إنشاء عروض مكررة

تثبيت التبعيات

 pnpm install element-message-plus

مقدمة عالمية

 import Vue from "vue" ;
import App from "./App.vue" ;

import ElementUI from "element-ui" ;
import "element-ui/lib/theme-chalk/index.css" ;

import MessagePlus from "element-message-plus" ;

Vue . config . productionTip = false ;

Vue . use ( ElementUI ) ;

Vue . use ( MessagePlus ) ;

new Vue ( {
  render : ( h ) => h ( App ) ,
} ) . $mount ( "#app" ) ; 

إعدادات

التكوين الافتراضي، استبدل الرسالة الافتراضية $

 Vue . use ( MessagePlus ) ;

التثبيت المخصص، يمكنك تخصيص موقع التثبيت العالمي

 Vue . use ( MessagePlus , { target : "$Message" } ) ; 

استخدم في JS

نوع المعلمة ElMessageOptions ، متوافق مع الوثائق الرسمية

...
import { MessagePlus } from "element-message-plus" ;
...

MessagePlus ( ) ;
MessagePlus . info ( ) ;
MessagePlus . success ( ) ;
MessagePlus . warning ( ) ;
MessagePlus . error ( ) ;
MessagePlus . closeAll ( ) 

المستخدمة في مكونات Vue

نوع المعلمة ElMessageOptions ، متوافق مع الوثائق الرسمية

 this . $message ( ) ;
this . $message . info ( ) ;
this . $message . success ( ) ;
this . $message . warning ( ) ;
this . $message . error ( ) ;
this . $message . closeAll ( ) ;