layer弹出层在移动端中的使用教程

注意：普通html中，直接引用css和js之后，然后在js代码块插入对应的代码。我是在vue移动项目下测试的，效果如下：使用目录打开官网，下载对应的压缩包。http://layer.layui.com/下载好的压缩包，解压出来，放在static静态目录下，然后在index.html中引入使用的js和css。在想要使用的vue模板中，插入想要使用的弹窗格式所对应的代码即可...

小城听风雨

8007人浏览 · 2018-12-21 14:39:49

小城听风雨 · 2018-12-21 14:39:49 发布

注意：普通html中，直接引用css和js之后，然后在js代码块插入对应的代码。
我是在vue移动项目下测试的，效果如下：

在这里插入图片描述

使用目录

打开官网，下载对应的压缩包。http://layer.layui.com/
下载好的压缩包，解压出来，放在static静态目录下，然后在index.html中引入使用的js和css。
在想要使用的vue模板中，插入想要使用的弹窗格式所对应的代码即可（代码在刚才的网站之中）

有好多格式的弹窗，使用什么，就引入什么代码就行了。

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^