mylayer-qts轻量级提示组件使用方式

你怎么瘦的像条狗一样

于 2022-03-17 16:41:02 发布

阅读量225

点赞数

分类专栏：实用插件 VUE 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_37739698/article/details/123554226

版权

6 篇文章

订阅专栏

2 篇文章

订阅专栏

这篇博客介绍了如何在Vue项目中安装和使用mylayer-qts库进行消息提示。通过npm安装后，在main.js中引入并挂载到Vue原型上，然后可以方便地调用msgInfo方法显示不同类型和配置的消息提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装：

npm i mylayer-qts

在main.js中引入：

import 'mylayer-qts/layer.css'
import mylayer from 'mylayer-qts'
Vue.prototype.mylayer = mylayer

使用方式：

const obj = {
        type: true, // 是否自动关闭
        mask: true, // 是否打开遮罩
        text: '操作成功'
}
this.mylayer.msgInfo(obj)

备注：obj可传可不传，根据实际情况定

效果图：

作者个人网站地址：我的个人日志