laer_xiao的博客

原创 Vue3数据导出表单

Vue3数据导出表单

原创 定位加位移实现居中

* 往回走移动盒子自身宽度的一半 */

原创 vue3图片预览

1、安装：npm install vue3-preview-image -S2、在main.js中引入组合式api中引入方法调用关闭预览修改默认配置。

原创 微信小程序文件预览（uni.app）

fileType: 'pdf',//仅打开pdf格式的文件。console.log('打开文档成功');confirmText: '确定',cancelText: '取消',content: '打开成功',confirmText: '确定',title: '提示:',cancelText: '取消',content: '导出失败',title: '提示:',

原创 小程序分页组件的配置以及实际应用

noMoreSize: 10, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;// 第2种: 下拉刷新和上拉加载调同样的接口, 那以上请求可删, 直接用mescroll.resetUpScroll()代替。num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始。/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */size: 10 // 每页数据的数量,默认10。

原创 element全选

el-dialog title="编辑权限" :visible.sync="dialogVisible" width="900px" center append-to-body。">全选</el-checkbox><el-button @click="notCheckAll">取消全选</el-button>">提交</el-button><el-button @click="checkAll">全选</el-button>

原创 element组件库实现全选

el-dialog title="编辑权限" :visible.sync="dialogVisible" width="900px" center append-to-body。">全选</el-checkbox><el-button @click="notCheckAll">取消全选</el-button>">提交</el-button><el-button @click="checkAll">全选</el-button>

原创 vue 无限滚动

'title': '无缝滚动第一行无缝滚动第一行','title': '无缝滚动第二行无缝滚动第二行','title': '无缝滚动第三行无缝滚动第三行','title': '无缝滚动第四行无缝滚动第四行','title': '无缝滚动第五行无缝滚动第五行','title': '无缝滚动第六行无缝滚动第六行','title': '无缝滚动第七行无缝滚动第七行','title': '无缝滚动第八行无缝滚动第八行','title': '无缝滚动第九行无缝滚动第九行',// 1.全局 install。

原创 动态倒计时

${diffTime}秒后重试` :`${diffS}秒后重试`;diffTime : diffS}秒后重试`;// 此方法是动态的倒计时,通过描秒数计算的,count为参数,this.countdownTxt = '获取验证码'

原创 6位数的验证码正则校验

return this.$ToastFail('请输入6位验证码')return this.$ToastFail('验证码不能为空')// 正则来规范用户输入的验证码。

原创 axios二次封装（可以直接拿来用的那种）

/ 基础路径，在请求接口会把基础路径加在所有接口的前面。// 导入axios。

原创 身份证号正则的校验

return this.$msg.toast("身份证号格式不正确，请重新输入")return this.$msg.toast("身份证号不能为空")

原创 手机号的正则校验

return this.$u.toast("取件手机号格式不正确");return this.$u.toast("取件手机号不能为空");// 正则来规范用户输入的手机号。

原创 uni.app的剪切板

uni.setClipboardData({ data: `${this.title}`, success: function (res) { console.log('success'); } })

原创 uniapp 小程序获取头像方法

/ 备注：在生命周期中不能直接使用getUserProfile，只能通过方法调用才行。content: '亲，授权微信登录后才能正常使用小程序功能',desc: '获取个人信息',title: '温馨提示',

原创 uni.app所有弹框弹框所出现的问题

因为弹框是异步的，没有this指向，在成功回调或失败回调没办法直接去调用函数或传递参数，// 选择其中任意一项后，获取其索引（res.tapIndex），从0开始。// 选择其中任意一项后，获取其索引（res.tapIndex），从0开始。//删除字体的颜色，颜色最好是十六进制，不然程序发布上线会出问题。同上，设置icon参数值为none，将不显示加载图标，只显示文字提示。itemList: ['选项一', '选项二', '选项三'],itemList: ['选项一', '选项二', '选项三'],

原创 深挖axois

什么是axios？？？1、axios可以发AJAX请求2、axois可以发node.js的hppt......请求***GET请求***POST请求***PUT请求还有请求方式我就不介绍了，不常用

原创 TS(枚举）

原创 使用多个过滤器

原创 在for循环中使用过滤器

原创 全局过滤器 时间格式化补零

原创 FILTER()过滤器

全局过滤器，对于时间格式化对于字符串的处理

原创 TS(类中的访问类型和构造器）

构造器：

原创 TS（继承）

原创 TS（interface接口）

原创 TS类型的说明

原创 正则的校验方法

输入11位的手机号：1、138或者是147、148开始的手机号

原创 forEach()遍历set()方法

原创 set()构造方法

原创 repeat()方法的使用

原创 字符串里的两个构造函数 startsWith()和endsWith()

原创 模板字符串的用法

原创 includes的方法（是否包含的意思）

原创 查找满足条件的数组的值

40是满足条件的，它的下标是1，所以就返回是1

原创 解构和参数和数组的合并

我个人认为解构就是一一对应的关系

原创 ES6箭头函数

原创 ES6高级语法

一、let关键字： 1、let关键字在声明变量时，具有块级作用域，外面变量无法访问 ，循环语句也是 2、let 关键字不存在变量提升，只能先声明，后使用。 3、暂时性死区，在块级作用域里用let声明变量，就和块级作用域进行绑定（先声明，后使用），即使外面有同个变量不会互相影响 二、const 常量： 1、使用const关键字声明常量也具有块级作用域：2、const在声明常量时必须赋初始值，不然就会报错...

原创 布局—元素水平居中

1通过元素（标签）的外边距使其水平居中代码演示：注：1、这种方法的前提是要给元素顶宽顶高，如果有宽度不设高度，高度就为元素内容的高度，如果既没有高度，也没有内容，元素无法显示，；2、这个元素为块级元素和行内块元素；3、一般margin写两个值（值1 上下，值2左右）值2改为auto自适应即可·，margin写三个值（值1 上，值2左右 ， 值3下）值2改为auto自适应即可，第二种写法最常用...

原创 vue 注册全局过滤器

Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和v-bind表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | yeluosen }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>在创建 Vue.