基于Vue.js+Nuxt开发自定义弹出层组件-自学php网

来源：自学PHP网时间：2020-10-10 10:20 作者：小飞侠阅读:次

[导读] 基于Vue.js+Nuxt开发自定义弹出层组件...

今天带来基于Vue.js+Nuxt开发自定义弹出层组件教程详解

今天给大家分享VPopup 基于Vue.js构建的轻量级移动端弹出框组件，详情如下所示：

一款融合了Vant、NutUI等热门Vue组件库中的Popup弹层、Dialog对话框、Toast提示框、ActionSheet动作面板框、Notify通知框等功能。

快速使用

在main.js中引入组件

// 引入弹窗Popup
import Popup from './components/popup'
Vue.use(Popup)

支持如下两种组件式及函数式调用插件。

组件式

函数式

在实际项目开发中，大家可根据需要自行选择调用。

msg信息提示

ActionSheet动作面板框

IOS风格弹窗

Toast加载提示框

emmm~~ 看了如上效果，是不是觉得还不错哟！那就继续往下看实现过程吧

更多文章推荐