element message plus

요소 메시지 플러스

요소 Message 구성 요소 향상

동시에 동일한 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 ( ) ;