element message plus

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