vue自定义toast组件

最新推荐文章于 2024-01-30 21:58:21 发布

lily_zhouou

最新推荐文章于 2024-01-30 21:58:21 发布

阅读量477

点赞数 1

分类专栏： javascript vue 文章标签： toast

本文链接：https://blog.csdn.net/qq_41595903/article/details/88121899

版权

本文介绍了如何在Vue中创建并使用自定义的Toast组件。通过引入toast.js和toast.less文件，然后在main.js中全局注册，即可在应用中通过this._toast('XXXX')方便地调用来显示提示信息。

摘要由CSDN通过智能技术生成

//toast.js

const  TOAST_CLASS = 'toast'
const  TOAST_OUT_CLASS = 'toast out'
let innerHtml=""
function  toast(msg,time=1000) {
   
    let body=document.querySelector('#app');
    if(body.querySelector('.toast')){
   
        body.removeChild(body.querySelector('.toast'))
    }
    let toastElem = document.createElement('div')
    toastElem.