Vue3实现自定义消息提示框
Vue自定义消息提示框
前言
本插件使用的是Vue3框架下原生的JS、CSS，不涉及TS以及SCSS。是一个仅供参考的自定义插件；本文的样式参考了bootstrap4的模态框以及PorkCanteen的代码，结合了复用性+美观性
Modal · Bootstrap v4 中文文档 v4.6 | Bootstrap 中文网 (bootcss.com)
(3条消息) Vue 可自定义弹框组件实现_vue自定义弹框按钮_PorkCanteen的博客-CSDN博客
组件特点
- 可自定义弹框内容、大小、按钮类型、主题颜色、过渡效果等
- 可通过插槽自定义弹框主体内容
组件设计
子组件（设计组件）
{{ title }}
content 
父组件
调用方法
xxxxxxI will not close if you click outside me. Don't even try to press escape key.
实现效果
与原版区别就是更加好看，原版的样式有点老
结语
学习用途！！！仅供参考，侵权必删
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！