vue
汪汪队出击
这个作者很懒,什么都没留下…
展开
-
Vue2.x中使用DataV中的轮播表
Vue2.x中使用DataV中的轮播表,解决config数据不刷新问题,分布加载接口数据原创 2023-05-19 18:20:24 · 1415 阅读 · 1 评论 -
Vue2.x源码解析(三)
除了对Vue的基础函数进行分析外,还可以对Vue的内部函数作以讲解。Vue内部的函数主要有patch函数、Watcher函数、Dep函数以及虚拟DOM的一些操作函数等,这些函数都是运行时实现Vue各种功能的重要组成部分。Platform 函数是用于 Vue 跨平台支持的重要函数,提供了订阅、事件触发、异步更新、资源请求和操作对象属性等常见的功能实现。事件的托管 Vue 实例中可以通过 $on() 方法进行事件的订阅,通过 $off() 方法进行取消订阅,通过 $emit() 方法进行事件的触发。原创 2023-05-16 10:46:08 · 506 阅读 · 0 评论 -
Vue2.x源码解析(二)
把渲染函数打包成可执行的函数 render 函数的代码生成后,会被封装成一个新的 Function 对象,赋值给 Vue 实例的 $options 属性。AST 把我们的模板编译成一组抽象的节点树,每个节点表示HTML中的一个元素或者属性,并且包含有关该元素或属性的详细信息。它将提供一个包含渲染函数和静态节点数组的对象,然后我们就可以用它来创建 Vue 实例或它的子组。把 AST 转换成渲染函数 最后,Compiler 函数会调用 generate 函数,把 AST 转换成渲染函数的字符串代码。原创 2023-05-16 10:42:03 · 512 阅读 · 0 评论 -
Vue2.x源码解析(一)
一个 Vue.js 应用程序由多个 Vue 实例组成,每个 Vue 实例都代表一个特定的区域内的视图,Vue 实例包含了一个数据模型和一个视图模板。Vue.js 的核心是数据响应式,也就是当我们改变数据时,视图会自动更新。Watcher 的主要作用是收集依赖,并在数据变化时触发相应的更新操作。当一个组件初始化完毕时,会创建一个渲染 Watcher,它会在组件触发更新时执行渲染函数,并进行更新操作。Observer 的主要作用是实现数据响应式机制,它通过递归的方式对数据对象进行劫持。原创 2023-05-16 10:33:23 · 958 阅读 · 0 评论 -
Vue 中Lodop 实现批量打印
Vue 中Lodop 实现批量打印原创 2022-11-07 17:54:19 · 932 阅读 · 1 评论 -
Vue2 中使用C-Lodop打印控件时无法调整二维码大小问题
Vue2 中使用C-Lodop打印控件时无法调整二维码大小问题, 打印模板里配置的二维码是偏小的,但是在页面使用打印的时候打印预览的二维码不是预期大小原创 2022-11-07 17:34:57 · 1291 阅读 · 0 评论 -
Vue中将Element表格导出为excel
Vue中将Element表格导出为excel原创 2022-10-26 09:46:47 · 1002 阅读 · 0 评论 -
Vue中使用Element 表单点击按钮实现增行删行操作
首先使用model绑定表单数据,使用v-for遍历snForm下的数组;删行: 使用splice方法删除对应index的行。在Vue中使用form表单点击增行删行操作。增行: 点击按钮新增一条sn进去。原创 2022-10-25 11:24:41 · 1529 阅读 · 0 评论 -
Vue 中使用Element Input组件实现输入后匹配输入建议
Vue 中使用Element Input组件实现输入后匹配输入建议原创 2022-10-14 18:01:18 · 1750 阅读 · 0 评论 -
Vue中实现拖拽效果
Vue2项目中遇到需求要求页面左侧部分实现拖拽效果原创 2022-10-14 17:24:58 · 1205 阅读 · 7 评论 -
解决 Ant Design Vue 抽屉第一次打开没有数据,第二次打开才有数据
解决 Ant Design Vue 抽屉第一次打开没有数据,第二次打开才有数据原创 2022-10-09 18:01:58 · 1196 阅读 · 0 评论 -
解决 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 · 1198 阅读 · 0 评论 -
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 · 1446 阅读 · 2 评论 -
Vue3中使用yarn安装依赖报错: yarn.ps1,因为在此系统上禁止运行脚本
未对文件C: VProgram Files\nodejs\yarn.ps1 进行数字签名。无法在当前系统上运行该脚本。原创 2022-09-20 15:59:01 · 902 阅读 · 0 评论 -
Vue 安装yarn并安装依赖
Vue 安装yarn并安装依赖原创 2022-09-20 15:50:52 · 1093 阅读 · 0 评论 -
Vue Element table表格实现表格数据动态滚动(无限滚动)
Vue Element table表格实现表格数据动态滚动(无限滚动),绑定鼠标事件 (实现鼠标进入和出去的时候数据是否滚动)(也可以不写看自己需求)原创 2022-09-16 11:29:52 · 5081 阅读 · 21 评论 -
Vue 判断数组对象中是否含有对象中的值,包含则将值插入到数组对象相应的位置
Vue 判断数组对象中是否含有对象中的值,包含则将值插入到数组对象相应的位置,forEach遍历数组对象,然后使用对象的 for in 方法拿到键值,然后使用Object.assign为数组对象的每一个添加数据,然后使用 $set ,防止表格数据不刷新。判断箭头所指的数据(这是一个对象)是否和产品SN中的数据对应,并在表格后新增一列数据。原创 2022-09-15 11:33:56 · 1782 阅读 · 0 评论 -
Vue中配置二级路由
二.在router下的index.js文件中添加路由规则,二级和三级路由中path路径直接写文件名即可。一.首先在需要创建二级路由下的地方新增文件夹。原创 2022-08-11 19:06:06 · 915 阅读 · 0 评论 -
Vue中使用LODOP(打印)
三.下载完成后解压得到LodopFuncs.js ,将这个文件复制到Vue项目中的utils文件夹中即可。二.在下载中心点击画红圈的部分(根据自己需求)一.打开LODOP官网。原创 2022-08-11 18:58:56 · 1169 阅读 · 0 评论 -
Vue中实现输入框带输入建议
Vue中实现输入框带输入建议 ,三.调接口获取数据并处理数据(element规定使用value:值),将需要的数据给到value再push到上图标红线的数组中即可。二.根据element中的方法来使用(修改展示的数据即可) 图中标红的是自己定义的一个数组。一.在页面中使用element的输入框。...原创 2022-08-11 18:09:27 · 1316 阅读 · 4 评论 -
vue页面局部全屏(某个dom元素)(包括退出全屏、监听)
vue全屏某个dom元素(包括退出全屏、监听)转载 2022-08-01 17:42:08 · 2521 阅读 · 6 评论 -
Element(Vue)表格渲染处理时间类型的数据(格式化时间)
Element(Vue)表格渲染处理时间类型的数据(格式化时间)。在中使用插槽,与v-html搭配,定义dataFormat方法,进行调用。原创 2022-07-29 20:00:58 · 405 阅读 · 0 评论 -
Vue 路由跳转问题(未进行跳转但是会触发方法)
未触发事件进行路由跳转到当前页面,但watch会监听到所有的路由变化,因此会掉handeler下面的get()方法导致报错。判断是否路径或者name是否是当前页面且判断路由传参是否有值(parms传参就判断parms,query传参就判断query)...原创 2022-07-29 19:57:37 · 413 阅读 · 0 评论 -
Element实现表格相同数据的列合并
Element实现表格相同数据的列合并,使用table自带的合并方法span-method。判断下一行数据和上一行数据是否相等。原创 2022-07-29 19:14:50 · 210 阅读 · 0 评论 -
Vue(JS)中判断数组对象中是否含有某个键值(或者某个对象的值)
Vue(JS)中判断数组对象中是否含有某个键值(或者某个对象的值)item.prop==`package${copyIndex}`是判断条件,可以写成item.name=="张三"之类的你需要判断的数据。原创 2022-07-29 09:09:18 · 4046 阅读 · 0 评论 -
(Vue)对请求接口返回的数据进行去重处理(数据格式为数组对象)(只保留需要的数据)
对请求接口返回的数据进行去重处理(数据格式为数组对象)(只保留需要的数据)。接口返回的数据一般是数组对象,需要在数组对象中需要去掉重复数据并只保留一个原创 2022-07-18 17:39:38 · 4377 阅读 · 0 评论 -
Element中下拉菜单的输入框-可输入可选择
Element中下拉菜单的输入框-可输入可选择,直接上代码,如图直接添加这两个属性即可实现原创 2022-08-08 18:19:44 · 1015 阅读 · 0 评论