52浏览

0评论

vue+electron实现创建多窗口及窗口间的通信(实施方案)

目录一、前言二、实施方案1.创建多窗口2.多窗口间的通信三、后记一、前言对于一个桌面应用来说，有时候单独一个窗口用户使用起来会不太方便，比方说写日报或者查看文件等，若是在...

• 2022-12-31

51浏览

0评论

element-ui配合node实现自定义上传文件方式

目录element-ui配合node实现自定义上传文件自定义elementui上传文件及携带参数下面是一个简单的上传标签具体实现携带参数element-ui配合node实现自定义上传文件某些情况下，...

• 2022-12-31

57浏览

0评论

Vue3.0静态文件存放路径与引用方式

目录Vue3.0静态文件存放路径与引用vue2.0/vue3.0 添加静态文件一、说明：为什么要添加静态文件？二、使用技术三、vue2.0中添加静态文件public 四、vue3.0中添加静态文件public...

• 2022-12-31

50浏览

0评论

Vue3 KeepAlive实现原理解析

目录思路代码解析setuprenderonActivated 和 onDeactived调用思路首先我们知道 KeepAlive 是一个内置组件，那封装一个组件对于大家来说应该不会有太大的困难，它的核心逻辑在于...

• 2022-12-31

53浏览

0评论

vue 指令版富文本溢出省略截取示例详解

目录一、需求描述二、实现思路2.1 正则表达式过滤 img、video等标签2.2 截取固定长度的字符数2.3 考虑小写英文字符和数字宽度问题2.4 注册为全局指令2.5 文本尾部添加【查...

• 2022-12-31

35浏览

0评论

vue实现文字转语音功能详解

目前h5新增一个文字转语音的功能(但是正在完善中,勉强能用),h5新增的SpeechSynthesisUtterance实例首先new一个SpeechSynthesisUtterance对象使用实例对象的一些属性，包括：tex...

• 2022-12-31

55浏览

0评论

关于Vue组件间的常用传参方式

目录组件间常用传参方式1. props、emit（最常用的父子通讯方式）2. 事件总线EventBus（常用任意两个组件之间的通讯）3.Vuex状态管理vue组件传参记录几个不太常用的组件传值方法记载...

• 2022-12-31

42浏览

0评论

vue2从数据变化到视图变化之nextTick使用详解

目录引言1、vue中nextTick的使用场景2、vue中nextTick在哪里定义3、vue中nextTick的实现原理（1）callbacks的定义（2）timerFunc的定义（3）cb未传入的处理4、vue中nextTick的任务分类...

• 2022-12-31

33浏览

0评论

axios二次封装的详细过程与跨域问题

目录一，为什么要对axios进行二次封装？二，axios的二次封装2.1 安装axios2.2 通常情况下，项目都有一个api文件夹(axios二次封装的文件夹)3.跨域问题4.解决跨域问题(3种：JSONP,CROS...

• 2022-12-31

40浏览

0评论

Vue3后台管理系统之创建和配置项目

目录1.概述2.创建项目2.1.创建Vue32.2.手动配置插件2.3.选择hash路由2.4.选择代码校验规范3.项目结构配置3.1.创建配置文件3.2.启动项目3.3.配置ESLint格式化3.4.初始化项目...

• 2022-12-31

50浏览

0评论

不能通过IP地址访问VUE项目的问题及解决

目录不能通过IP地址访问VUE项目问题问题背景问题解决指定IP访问VUE项目不能通过IP地址访问VUE项目问题问题背景目前项目是前后端分离的,VUE+SpringBoot,我拷贝下来前端项目...

• 2022-12-31

33浏览

0评论

vuex中getters的基本用法解读

目录getters的基本用法解读一、getter 定义二、使用方法三、mapGetters辅助函数四、getters注意事项getters的两种调用方法方法一方法二getters的基本用法解读一、getter 定...

• 2022-12-31

55浏览

0评论

vue中使用Axios最佳实践方式

目录1.前言2.使用2.1安装2.2基本用例2.2.1 get请求2.2.2post请求3.配置3.1语法3.2别名4.Axios实例4.1语法4.2请求配置4.3响应的配置配置的优先级5.拦截器6.错误拦截7.取消请...

• 2022-12-31

38浏览

0评论

vue组件之间进行传值的方法

目录前言1.父组件向子组件进行传值2.子组件向父组件进行传值3.非父子组件之间的传值 总结前言目前在做vue的项目，用到了子组件依赖其父组件的数据，进行子组件的相关请求和页面...

• 2022-12-31

49浏览

0评论

Vue项目服务器部署刷新页面404问题及解决

目录Vue服务器部署刷新页面404问题描述原因解决方法vue项目刷新界面出现404,正常点击跳转没问题Vue服务器部署刷新页面404问题描述在上线vue开发的前端网页部署在服务器上后...

• 2022-12-31

148浏览

0评论

vue部署到域名二级目录刷新404的解决

目录vue部署到域名二级目录刷新404vue如何部署二级目录说一下这里会遇到得问题如何解决vue部署到域名二级目录刷新404一个域名有个根目录，但有两个项目，就需要二级目录比如说，...

• 2022-12-31

43浏览

0评论

Vue源码学习defineProperty响应式数据原理实现

目录准备工作第一步 对对象进行劫持第二步 修改取值方法第三步 深度属性劫持准备工作接上文数据初始化完成之后,就可以对数据进行劫持。Vue2中对数据进行劫持采用了一个Api...

• 2022-12-31

335浏览

0评论

vue2从数据到视图渲染之模板渲染详解

目录引言1、从new Vue()入口开始：2、this._init3、挂载函数vm.$mount(vm.$options.el)4、mountComponent函数5、_render函数6、createElement函数返回虚拟DOM7、_update函数8...

• 2022-12-31

45浏览

0评论

vue2从数据变化到视图变化之diff算法图文详解

目录引言1、isUndef(oldStartVnode)2、isUndef(oldEndVnode)3、sameVnode(oldStartVnode, newStartVnode)4、sameVnode(oldEndVnode, newEndVnode)5、sameVnode(oldStartVno...

• 2022-12-31

211浏览

0评论

VsCode工具开发vue项目必装插件清单(推荐!)

目录1.概述2.VsCode插件清单2.1.Vetur插件让vue文件代码高亮2.2.Vue VSCode Snippets自动生成vue模板内容插件1.安装插件2.使用插件生成vue模板代码2.3.LiveServer实时刷新...

• 2022-12-31

56浏览

0评论

使用vue-router切换组件时使组件不销毁问题

目录vue-router切换组件时使组件不销毁1、用keep-alive包裹router-view2、定义路由meta字段3、keep-alive的原理vue-router路由切换 组件重用挖下的坑问题描述翻车现场再现...

• 2022-12-31

34浏览

0评论

Vue如何下载本地静态资源static文件夹

目录下载本地静态资源static文件夹下载静态文件方法下载下载本地static静态文件的踩坑下载本地静态资源static文件夹下载静态文件方法 <a href="/static/serviceAgreement.d...

• 2022-12-31

39浏览

0评论

Vue读取本地静态文件json的2种方法以及优缺点

目录Vue读取本地静态文件json使用vue读取本地的静态文件Vue cli获取本地json数据总是404报错vue cli版本查看创建本地json数据Vue读取本地静态文件json使用vue读取本地的静...

• 2022-12-31

52浏览

0评论

vue项目实现通过ip地址访问和localhost访问方式

目录vue项目通过ip地址访问和localhost访问vue项目中把localhost改成ip地址访问vue2.0项目中 localhost改成ip地址访问vue3项目改成ip地址访问vue项目通过ip地址访问和local...

• 2022-12-31

48浏览

0评论

vue3+vite自定义封装vue组件发布到npm包的全过程

目录创建项目创建组件导出组件使用vite构建打包注册->登录npm发布前准备发布到npm参考：总结创建项目“vue”: “^3.2.8”“vite”: “^2...

• 2022-12-31

38浏览

0评论

Vue3计算属性和异步计算属性方式

目录一、简要介绍二、计算属性核心源码 三、异步计算属性核心源码一、简要介绍不论是计算属性，还是异步计算属性，都是依托于Vue3整体的响应式原理实现的。其核心依旧是ReacetE...

• 2022-12-31

57浏览

0评论

Vue echarts画甘特图流程详细讲解

vue项目中添加echarts，只需要增加echarts依赖，然后在main.js中引入echarts就可以使用了。1、npm install echarts --save2、修改main.jsimport * as echarts from 'echarts'Vu...

• 2022-12-31

40浏览

0评论

vue中data数据之间如何赋值问题

目录vue data数据之间如何赋值实现方式vue Data数据赋值变量语法vue data数据之间如何赋值最近我妹突然问我vue的data之间需要进行赋值，这是什么奇葩需求，干嘛不直接自己定义...

• 2022-12-31

49浏览

0评论

vue对象复制方式(深拷贝,多层对象拷贝方式在后面)

目录vue对象复制更新我的理解vue对象复制的坑--对象深度拷贝错误描述解决办法vue对象复制使用：es6中的“对象扩展运算符 ”，如下 // 对象深拷贝 obejctCopy()...

• 2022-12-31

51浏览

0评论

Vite打包分割代码的详细过程记录

目录1.什么是代码分割/code spliiting2.Vite 中 rollup code spliiting分割默认方法原理3.如何在Vite中配置（vite.config.ts）代码分割/code spliiting （核心关键）Vite代码分割方...

• 2022-12-31

49浏览

0评论

axios中如何进行同步请求(async+await)

目录axios进行同步请求(async+await)介绍代码示例axios使用async/await对promise进行优化解释axios进行同步请求(async+await)介绍Axios 是一个基于 promise 的 HTTP 库，它支...

• 2022-12-31

44浏览

0评论

关于Vue3中的响应式原理

目录一、简介二、响应核心1.核心源码2.逐步分析上述示例代码3.收集依赖和触发依赖更新三、V3.2的响应式优化四、后话一、简介本章内容主要通过具体的简单示例来分析Vue3是如...

• 2022-12-31

51浏览

0评论

vue中定义的data为什么是函数

目录一、new Vue场景二、组件场景总结高频面试题：vue中的data为啥是函数？答案是：是不是一定是函数，得看场景。并且，也无需担心什么时候该将data写为函数还是对象，因为vue内部已经...

• 2022-12-31

51浏览

0评论

Element中el-input密码输入框浏览器自动填充账号密码问题的解决方法

目录问题描述解决方法auto-complete="new-password"添加一个类/deep/总结问题描述通常情况下，浏览器会默认将已保存的账号密码 填充到 input type 值为password的输入框内...

• 2022-12-31

42浏览

0评论

vue中计算属性和方法的区别及说明

目录vue计算属性和方法区别区别vue向计算属性传递参数vue计算属性和方法区别当我们实现翻转字符串的业务逻辑时，使用插值表达式打码如下：<div id="app"> <div>{{msg}}</div> <...

• 2022-12-31

53浏览

0评论

手写vue无限滚动指令的详细过程

目录概述最终效果实现原理关于高度计算的几个方法clientHeigtscrollHeightscrollTop综上目录结构App.vue./components/v-infinite-scroll/index.js./components/v-infinite-...

• 2022-12-31

54浏览

0评论

vue如何修改data中数据问题

目录vue修改data中数据vue中修改简单类型数据vue中修改数组的方法vue中修改对象的方法关于删除vue修改数据不生效,页面不刷新vue中数据类型vue数据侦听简易理解数据更新后，页...

• 2022-12-31

47浏览

0评论

vue3实现数字滚动特效实例详解

目录前言思路文件目录使用示例入口文件index.jsmain.js使用requestAnimationFrame.js思路完整代码：CountTo.vue组件思路总结前言vue3不支持vue-count-to插件，无法使用vue-coun...

• 2022-12-31

49浏览

0评论

Vue实现无限级树形选择器

目录简单实现下样式递归渲染定义参数实现点击事件完整代码前言：想要在 Vue 中实现一个这样的无限级树形选择器其实并不难，关键点在于利用 递归组件 和 高阶事件监听，下面我们就...

• 2022-12-31

58浏览

0评论

vue与electron实现进程间的通信详情

目录一、配置内容1.进程间的通信第一种方式引入ipcRenderer第二种方式引入ipcRenderer2.渲染进程常用配置3.将ipcMain封装到一个js中统一处理三、总结前言：本文主要介绍elect...

• 2022-12-31

38浏览

0评论

在vue项目中(本地)使用iconfont字体图标的三种方式总结

目录vue项目中(本地)使用iconfont字体图标开始使用vue项目中(本地)使用iconfont字体图标这里有使用前的准备和三种使用方式介绍，参考这里还有 vue中手动封装iconfont组件（三种...

• 2022-12-31

49浏览

0评论

关于Element-UI Table 表格指定列添加点击事件

目录Element-UI Table 表格指定列添加点击事件element-ui table表格错位问题问题描述解决方案Element-UI Table 表格指定列添加点击事件如下图所示，这是一个ele UI库中的tabl...

• 2022-12-31

58浏览

0评论

vue在body和query中如何向后端传参

目录在body和query中向后端传参dataparamsvue往后台传参（不是传对象）example在body和query中向后端传参在vue向Django后端传参的时候，常常会出现request.body或者其他为空的现...

• 2022-12-31

50浏览

0评论

Vue向后端传数据后端接收为null问题及解决

目录Vue向后端传数据后端接收为null他们的格式安装qsmian.js中添加vue请求Vue捕获后端抛出异常设置前设置后Vue向后端传数据后端接收为null由于axios默认发送数据时，数据格式...

• 2022-12-31

60浏览

0评论

Vue中前端与后端如何实现交互

目录Promise的基本使用基本使用多个请求，链式编程Promise的API—实例方法Promise的API—对象方法（直接通过Promise函数名称调用的方法）接口调用-fetch用法基本使用常...

• 2022-12-31

32浏览

0评论

Vue uni-app框架实现上拉加载下拉刷新功能

目录实现上拉加载更多优化实现下拉刷新实现上拉加载更多打开项目根目录中的pages.json配置文件，为subPackages分包中的商品goods_list页面配置上拉触底的距离："subPackages":...

• 2022-12-31

39浏览

0评论

Vue vant-ui框架实现上拉加载下拉刷新功能

目录知识点速记基本用法下拉刷新代码实现1.页面布局2.样式3.方法下拉刷新效果：知识点速记基本用法List通过loading和finished两个变量控制加载状态，当组件滚动到底部时，会触发l...

• 2022-12-31

38浏览

0评论

vue实现动态给data函数中的属性赋值

目录vue动态给data函数中的属性赋值vue给data中的数据赋值报错问题背景分析解决方案vue动态给data函数中的属性赋值1.首先创建一个监视器，用来监视相关的属性2.当这个相关的...

• 2022-12-31

45浏览

0评论

Vue关于对象直接赋值的坑及解决

目录Vue对象直接赋值的坑Vue对象的赋值Object.assign({}, row)Vue对象直接赋值的坑受JavaScript的限制，Vue不能监听到对象属性的添加或删除。如果这样做了，你会发现添加或删除...

• 2022-12-31

48浏览

0评论

vue对象的深度克隆方式

目录vue对象的深度克隆方法1方法2方法3vue克隆对象时遇到的问题vue对象的深度克隆方法1通过js序列化，将js转换成字符串，然后再将字符串转换成js对象var olbObj = {a:1};var st...

• 2022-12-31