element message plus

elemen-pesan-plus

Peningkatan komponen Message ElementUI

Pada saat yang sama, instance komponen dengan type dan message yang sama hanya diperbolehkan dibuat satu kali.

Menyelesaikan beberapa pesan yang identik akan membuat tampilan duplikat

Instal dependensi

 pnpm install element-message-plus

Pengenalan global

 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" ) ; 

Konfigurasi

Konfigurasi default, ganti $message default

 Vue . use ( MessagePlus ) ;

Pemasangan khusus, Anda dapat menyesuaikan lokasi pemasangan global

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

Gunakan di JS

Tipe parameter ElMessageOptions , konsisten dengan dokumentasi resmi

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

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

Digunakan dalam komponen Vue

Tipe parameter ElMessageOptions , konsisten dengan dokumentasi resmi

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