confirm关闭 layer_基于 vue+layer.js 超青睐的弹窗组件VueLayer

今天给大家分享一个功能强健高水准的web弹窗组件VueLayer。

vue-layer 一款备受web开发者青睐的layer.js弹窗组件的vue.js版本。拥有丰富友好的操作体验及文档，兼容主流浏览器。

安装

$ npm i vue-layer -S

引用

import Vue from 'vue';import layer from 'vue-layer'import 'vue-layer/lib/vue-layer.css';Vue.prototype.$layer = layer(Vue);

参数说明

{  type: 0, //0(信息框，默认)1(页面层)2(iframe层)3(加载层)4(tips层)  title: '信息',  content: '',  area: 'auto',  offset: 'auto',  icon: -1,  btn: '确定',  time: 0,  shade: true,//是否显示遮罩  yes: '',  cancel: '',  tips: [0,{}],//支持上右下左四个方向，通过1-4进行方向设定,可以设定tips: [1, '#c00']  tipsMore: false,//是否允许多个tips  shadeClose: true,//点击遮罩是否关闭}

插件使用

// options和yes可以省略， content 可以为htmllayer.alert(content, [options, yes]);layer.confirm(content, [options, yes, cancel]);// 默认msg的关闭时间为1.5秒layer.msg(content, [options, end]);//follow对css选择器，用来定位目标layer.tips(content, follow, options);// data参数可认为是componentName的props，options参数直接写到json里即可，比如titlelayer.iframe({  content: {    content: componentName, //传递的组件对象    parent: this,//当前的vue对象    data:{}//props  },  area:['800px','600px'],  title: 'title'});layer.open(options);layer.close(id);layer.closeAll(type);

提供各种丰富的演示示例

附上示例及仓库地址

# 预览地址http://layer.zuoyanit.com/# github地址https://github.com/zuoyanart/vue-layer

ok，就分享到这里。喜欢的话可以去尝试下哈。同时欢迎留言一起交流讨论~~

confirm关闭 layer_基于 vue+layer.js 超青睐的弹窗组件VueLayer相关推荐

vue项目js文件引入第三方库组件
vue项目js文件引入第三方库组件 //首先按需引入第三方库 import { MessageBox } from 'element-ui' 使用: MessageBox.alert(`<di ...
一个基于vue和element-ui的树形穿梭框组件
el-tree-transfer 简介因为公司业务使用vue框架,ui库使用的element-ui.在市面上找到一个好用的vue树形穿梭框组件都很难,又不想仅仅因为一个穿梭框在element-ui之 ...
android弹窗不能手动关闭_vue3.0系列：Vue3自定义PC端弹窗组件V3Layer
今天给大家分享的是Vue3系列之自定义桌面端对话框组件v3layer. V3Layer 基于vue3.0构建的多功能PC网页端弹窗组件.拥有超过10+种弹窗类型.30+种参数配置,支持拖拽(自定义拖拽 ...
基于vue+node.js的健身微信小程序设计与实现
作者主页:编程指南针作者简介:Java领域优质创作者.CSDN博客专家 .CSDN内容合伙人.掘金特邀作者.阿里云博客专家.51CTO特邀作者.多年架构师设计经验.腾讯课堂常驻讲师主要内容:Jav ...
数独动态解题演示小网站 - 基于Vue/pixi.js/Flask
解数独不难,但如果能动态演示解题步骤就更好了. 参考:最难数独的快速解法 - python https://www.jianshu.com/p/1b2ee6539d4b 功能读取公开网站的数独题目 ...
基于Vue+Node.js的健身房会员管理系统
系统结构该课题主要由三个前端平台(管理端.用户端.教练端),一个后台服务器和一个数据库组成: 功能描述用户平台:面向全体用户的平台,每个用户可以自发注册账号,申请成为健身房的会员,就可以在该平台上 ...
基于vue和elementUI封装框选表格组件
前言:主要是 table 表格框选功能实现功能如下: 表格框选功能右键操作功能(删除.查看.编辑) 分页功能表头分类筛选功能回显功能(显示默认选中数据) 排序功能行禁用不可选功能不说废话, ...
基于Vue的事件响应式进度条组件
写在前面找了很多vue进度条组件,都不包含拖拽和点击事件,input range倒是原生包含input和change事件,但是直接基于input range做进度条的话,样式部分需要做大量调整和兼容 ...
vue可视化拖拽组件模板_基于 Vue 丝滑般拖拽排序组件VueSlicksort
今天给大家分享一个功能超强的自由拖拽排序组件VueSlicksort. vue-slicksort 一款功能强大的可拖拽的vue.js组件.拥有丝滑般拖拽动画效果,支持水平/垂直/网格拖拽排序.还可以 ...

confirm关闭 layer_基于 vue+layer.js 超青睐的弹窗组件VueLayer

confirm关闭 layer_基于 vue+layer.js 超青睐的弹窗组件VueLayer相关推荐

最新文章

热门文章