hxz-light-toast

vue3轻量级提示插件

安装插件

npm install hxz-light-toast --save

引用插件

import { createApp } from 'vue'
import App from './App.vue'
import hxzLightToast from 'hxz-light-toast';
import 'hxz-light-toast/dist/index.css';

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

this语法使用

this.$toast.show('我爱模板网 www.5imoban.net', 'info', 2000)

setup语法糖下使用

import { getCurrentInstance } from 'vue'
const instance = getCurrentInstance()

instance.proxy.$toast.show('我爱模板网 www.5imoban.net', 'info', 2000)

参数

参数名 | 默认值 | 类型 | 解释 :---: | :---: | :---: | :---: str | '' | String | 提示语 type | 'info' | String | 提示类型：info、success、warning、error time | 2000 | Number | 多少秒后关闭