汪汪队出击-优快云博客

原创 Vue2.x中使用DataV中的轮播表

Vue2.x中使用DataV中的轮播表，解决config数据不刷新问题，分布加载接口数据

2023-05-19 18:20:24 1576 1

原创 JS中操作数组的方法（涵盖ES6）

JS中操作数组的方法（涵盖ES6）（整合）

2023-05-16 18:34:36 753

除了对Vue的基础函数进行分析外，还可以对Vue的内部函数作以讲解。Vue内部的函数主要有patch函数、Watcher函数、Dep函数以及虚拟DOM的一些操作函数等，这些函数都是运行时实现Vue各种功能的重要组成部分。Platform 函数是用于 Vue 跨平台支持的重要函数，提供了订阅、事件触发、异步更新、资源请求和操作对象属性等常见的功能实现。事件的托管 Vue 实例中可以通过 $on() 方法进行事件的订阅，通过 $off() 方法进行取消订阅，通过 $emit() 方法进行事件的触发。

2023-05-16 10:46:08 566

原创 Vue2.x源码解析（二）

把渲染函数打包成可执行的函数 render 函数的代码生成后，会被封装成一个新的 Function 对象，赋值给 Vue 实例的 $options 属性。AST 把我们的模板编译成一组抽象的节点树，每个节点表示HTML中的一个元素或者属性，并且包含有关该元素或属性的详细信息。它将提供一个包含渲染函数和静态节点数组的对象，然后我们就可以用它来创建 Vue 实例或它的子组。把 AST 转换成渲染函数最后，Compiler 函数会调用 generate 函数，把 AST 转换成渲染函数的字符串代码。

2023-05-16 10:42:03 613

原创 Vue2.x源码解析（一）

一个 Vue.js 应用程序由多个 Vue 实例组成，每个 Vue 实例都代表一个特定的区域内的视图，Vue 实例包含了一个数据模型和一个视图模板。Vue.js 的核心是数据响应式，也就是当我们改变数据时，视图会自动更新。Watcher 的主要作用是收集依赖，并在数据变化时触发相应的更新操作。当一个组件初始化完毕时，会创建一个渲染 Watcher，它会在组件触发更新时执行渲染函数，并进行更新操作。Observer 的主要作用是实现数据响应式机制，它通过递归的方式对数据对象进行劫持。

2023-05-16 10:33:23 1035

原创 uni-app实现热更新

uniapp实现热更新

2023-05-15 15:23:00 426

原创 Vben Admin后台管理系统的开箱使用（适合小白）

Vben Admin后台管理系统

2023-04-04 10:50:59 3384 12

原创 Vben-admin中使用Element-plus的样式冲突问题

Vben-admin中使用Element-plus的样式冲突问题

2023-03-27 10:52:14 958

原创 Uni-app实现表格数据自动滚动(无限滚动)

uniapp自带的table组件和插件市场中的插件都不能使用（因为uniapp无法操作原生DOM元素），因此，实现表头固定，表体数据滚动就只能使用view加上scroll-view来实现。使用flex布局加上view来实现表格，用scroll-view将需要滚动的数据包裹起来。

2022-11-28 17:40:00 8600 2

原创 Vue 中Lodop 实现批量打印

Vue 中Lodop 实现批量打印

2022-11-07 17:54:19 1109 1

原创 Vue2 中使用C-Lodop打印控件时无法调整二维码大小问题

Vue2 中使用C-Lodop打印控件时无法调整二维码大小问题，打印模板里配置的二维码是偏小的，但是在页面使用打印的时候打印预览的二维码不是预期大小

2022-11-07 17:34:57 1482

原创 element-ui e-table表格中使用多选,当翻页时已选中的数据丢失

vue项目中使用element的table表格进行多选操作时，当勾选了第一页数据后点击第二页后第一页的数据被清空了。

2022-11-05 16:11:34 4336

原创 JavaScript中实现首字母大写，小写

JavaScript中实现首字母大写，小写。思路：使用 replace()方法获取到字符串第一个字符，再将获取到的字符变成大写（小写）；replace(参数1，参数2)，参数1是需要被替换掉的数据，参数2是替换参数1的数据；参数1也可用正则，参数2中也可使用方法或者函数。a[0] 就是 H；b[0] 就是 h；toLowerCase() 全部字母小写；toUpperCase() 全部字母大写；可以根据索引来获取字符串的字母。使用JavaScript自带的方法。

2022-11-04 15:15:14 2347

原创 Vue中将Element表格导出为excel

Vue中将Element表格导出为excel

2022-10-26 09:46:47 1076

原创 Uniapp 移动端调用摄像头扫描二维码或者条形码

uni.scanCode(OBJECT)，调起客户端扫码界面，扫码成功后返回对应的结果。scanType是扫码类型，barCode条形码，qrCode二维码。首先到uni-app插件市场中下载uQRCode插件，返回结果res.result就是扫码的内容。在页面中导入 uQRCode。

2022-10-25 11:32:22 7465 1

原创 Vue中使用Element 表单点击按钮实现增行删行操作

首先使用model绑定表单数据，使用v-for遍历snForm下的数组；删行：使用splice方法删除对应index的行。在Vue中使用form表单点击增行删行操作。增行：点击按钮新增一条sn进去。

2022-10-25 11:24:41 1625

原创 Vue 中使用Element Input组件实现输入后匹配输入建议

Vue 中使用Element Input组件实现输入后匹配输入建议

2022-10-14 18:01:18 1855

原创 Vue中实现拖拽效果

Vue2项目中遇到需求要求页面左侧部分实现拖拽效果

2022-10-14 17:24:58 1285 7

原创解决 Ant Design Vue 抽屉第一次打开没有数据，第二次打开才有数据

解决 Ant Design Vue 抽屉第一次打开没有数据，第二次打开才有数据

2022-10-09 18:01:58 1317

原创解决 Component inside ＜Transition＞ renders non-element root node that cannot be animated 问题

解决 Component inside renders non-element root node that cannot be animated 问题

2022-09-29 11:43:49 1265

原创 Vue 中使用nvm一键切换node版本（安装使用nvm）

Vue 中使用nvm一键切换node版本，nvm install xxxx 安装你想要的node版本（xxxx是node版本号）安装好之后nvm ls 查看是否有你安装的版本（如图红色方框）最后使用nvm use xxxx 切换到你需要的版本（切换有乱码就用管理员打开cmd再切换一次即可）下载好安装包后打开，安装在C盘默认路径就行。nvm ls 查看当前的node版本。以管理员打开cmd 再切换一次即可。一.首先去git上下载nvm。nvm切换版本失败有乱码。安装好后以打开cmd。

2022-09-20 16:19:50 1623 3

原创 Vue3中使用yarn安装依赖报错： yarn.ps1，因为在此系统上禁止运行脚本

未对文件C: VProgram Files\nodejs\yarn.ps1 进行数字签名。无法在当前系统上运行该脚本。

2022-09-20 15:59:01 989

原创 Vue 安装yarn并安装依赖

Vue 安装yarn并安装依赖

2022-09-20 15:50:52 1290

原创 Vue Element table表格实现表格数据动态滚动（无限滚动）

Vue Element table表格实现表格数据动态滚动（无限滚动），绑定鼠标事件（实现鼠标进入和出去的时候数据是否滚动）（也可以不写看自己需求）

2022-09-16 11:29:52 5553 21

原创 Vue 判断数组对象中是否含有对象中的值，包含则将值插入到数组对象相应的位置

Vue 判断数组对象中是否含有对象中的值，包含则将值插入到数组对象相应的位置，forEach遍历数组对象，然后使用对象的 for in 方法拿到键值，然后使用Object.assign为数组对象的每一个添加数据，然后使用 $set ，防止表格数据不刷新。判断箭头所指的数据（这是一个对象）是否和产品SN中的数据对应，并在表格后新增一列数据。

2022-09-15 11:33:56 2005