hl-alert v1.0.1

hl-alert

基于vue3.x开发的alert插件

安装插件

npm install --save hl-alert

引入并注册插件

import { createApp } from 'vue'
import App from './App.vue'
import HlAlert from 'hl-alert'

const app = createApp(App)
app.use(HlAlert)
app.mount('#app')

基本用法示例

<script setup>
  import {getCurrentInstance} from 'vue'
  const {appContext} = getCurrentInstance()
  const globalProxy = appContext.config.globalProperties  
  function alert () {
    globalProxy.$hlAlert({
      subMessage: '审核未通审核未通审核未通审核未通审核未通',
      isCloseIcon: true
    })
  }
  function alert2 () {
    globalProxy.$hlAlert({
      title: '信息提示',
      subMessage: '<p style="text-align: left;color: red;">审核未通审核未通审核未通审核未通审核未通</p>',
      isCloseIcon: true,
      cancelBtnClass: 'm-red', // 取消按钮的class
      callback: () => {
        console.log('确定按钮')
      }
    })
  }
</script>

<template>
  <div>
    <button @click="alert">click</button>
  </div>
</template>

API