109浏览

0评论

VUE div click无效的问题及解决

目录VUE div click无效@click事件无效？@click.native中.native的含义和使用记录@click绑定事件的一个坑总结VUE div click无效每逢半年 总要遇到一个前端诡异问题，花了个把小...

• 2023-04-07

75浏览

0评论

在vue中完美使用ueditor组件(cdn)解读

目录vue使用ueditor组件(cdn)vue项目使用ueditor指南基本使用使用配置跳坑心得总结vue使用ueditor组件(cdn)前言：无需main.js或页面全局或局部引入，直接使用cdn将ueditor作为v...

• 2023-04-07

107浏览

0评论

Vue中使用touchstart、touchmove、touchend与click冲突问题

目录使用touchstart、touchmove、touchend与click冲突事件执行顺序触摸事件(touchstart、touchmove和touchend)下面具体说明总结使用touchstart、touchmove、touchend与clic...

• 2023-04-07

70浏览

0评论

vue项目配置代理如何解决跨域问题

目录Vue项目配置代理1. 这里以axios发请求为例2. 如果发送的请求都以 /abc 开头3. 代理多个接口什么是跨域？配置（vue.config.js）总结Vue项目配置代理前端向服务器发送请求时，经...

• 2023-04-07

84浏览

0评论

vue $refs动态拼接获取值问题

目录vue $refs动态拼接获取值vue $refs不能动态拼接问题项目需求：动态增减表单并验证总结vue $refs动态拼接获取值div是循环 所以img 的ref是动态设置的 要获取对应点击的 <...

• 2023-04-07

69浏览

0评论

Vue中全局常用的过滤方法解读

目录1.将整数部分逢三一断2.将数据格式化为金额3.展示时，字数超出10个字的后面省略4.格式化日期为YYYY-MM-DD5.格式化日期为YYYY-MM-DD HH:mm:ss总结全局引入filter：把写了方...

• 2023-04-07

104浏览

0评论

Vue项目如何获取本地文件夹绝对路径

目录一、前端代码1.弹框样式代码2.导入方法（不要忘记了导入方法和data定义）3.方法区代码4.api接口中的config.js代码二、后端代码controller层代码service接口interfaceservic...

• 2023-04-07

51浏览

0评论

TypeScript中集成Tween.js踩坑记录

目录TypeScript集成Tween.js踩坑安装更改配置引用Tween.js的使用方法总结TypeScript集成Tween.js踩坑首选，采用的是webpack的架构，在ts中使用tween.js，非常麻烦，配置教程少的可...

• 2023-04-07

189浏览

0评论

Element-ui/Element-plus Vue报错问题及解决

目录element-ui前端组件element-plus前端组件vue-ui安装方式总结这篇主要是解决在Vue3.0版本中遇到的element-ui失效报错的问题element-ui前端组件一套为开发者、设计师和产...

• 2023-04-07

38浏览

0评论

Vue中父子组件如何实现传值

目录前言一、将子组件引入父组件二、父组件如何传值给子组件三、子组件如何接收父组件传过来的值并使用(props)四、子组件如何传值给父组件($emit)五、父组件使用子组件传过...

• 2023-04-07

71浏览

0评论

基于vue3实现一个抽奖小项目

目录前言数据保存姓名切换奖项切换历史记录数据导入结语前言在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。浏览链接：http://xisite.top/original/luc...

• 2023-04-07

54浏览

0评论

Vue如何引入全局过滤器

目录Vue引入全局过滤器创建单独的文件加上时间过滤函数在main.js中全局引入在组件中使用formatDate过滤时间戳vue全局过滤器配置总结Vue引入全局过滤器创建单独的文件加上时...

• 2023-04-07

125浏览

0评论

Vue+ElementUi实现点击表格中链接进行页面跳转与路由详解

目录1、页面跳转，先看效果2、路由切换加传参数，先看效果总结1、页面跳转，先看效果点击表格中的asin会跳转到亚马逊购物界面怎么做的呢，直接上代码<el-table-column prop=...

• 2023-04-07

42浏览

0评论

第一次使用webstrom简单创建vue项目的一些报错实战记录

我的目录层级：工作文件夹为webpackedit，我这里只做简单依赖打包处理，src目录下的main.js引入mathUtil.js文件，将内容展示在index.html界面上，打包main.js后文件为dist目录下的mai...

• 2023-04-07

46浏览

0评论

Vue axios库避免重复发送请求的示例介绍

目录目的文件结构实现请求拦截响应拦截取消重复发送请求调用目的实现请求拦截实现响应拦截常见错误处理不能请求头设置api 集中式管理(取消重复请求,重复发送请求, 请求缓存...

• 2023-04-07

59浏览

0评论

Tree-Shaking 机制快速掌握

目录写在前面直奔主题最后写在前面最近在读霍老师的《Vue.js设计与实现》，感觉收获很多，由于霍老师是官方Vue维护成员，会从很通俗易懂的角度去讲Vue的实现细节。而不是按照源码...

• 2023-04-07

75浏览

0评论

vue 支持百万量级的无限滚动组件详解

目录正文vue3-infinite-list特点安装使用功能正文滚动相信大家都做过，但是不知道大家当遇到大量数据甚至几百万条数据时该怎么办呢?或许有小伙伴说：用分页呀，每次只展示有限的...

• 2023-04-07

103浏览

0评论

unplugin-auto-import与unplugin-vue-components安装问题解析

目录背景安装vite 版本问题1：自动导入的依然 eslint 报错问题2: 自动生成的 components.d.ts 文件内容有报错最后背景unplugin-auto-import：为 Vite、Webpack、Rollup 和 esbu...

• 2023-04-07

159浏览

0评论

vue对于低版本浏览器兼容问题的解决思路

目录准备工具库进阶使用问题例子解决思路语法不支持具体哪个使用了哪个库不支持兼容语法总结准备由于采用了vite3而不是vue-cli，所以以前的很多兼容方式都不能做。接下来就看...

• 2023-04-07

71浏览

0评论

axios拦截器工作方式及原理源码解析

目录axios 拦截器的配置方式use() 方法的定义拦截器如何执行拦截器回调方法的添加顺序同步执行请求拦截器（顺序执行）异步执行请求拦截器（同时执行）Q&A拦截器是如何工作的拦截器...

• 2023-04-07

173浏览

0评论

Vue实现docx/xlsx/pdf等类型文件预览功能

目录使用安装使用示例docx文档的预览excel文档预览pdf文档预览都2023年了，怎么文件预览还这么难！发现了问题之后，就想着能不能实现一个简单的VUE组件库，能够解决以上问题，让新手...

• 2023-04-07

52浏览

0评论

vue项目实现一键网站换肤效果实例(webpack-theme-color-replacer的使用)

目录前言CSS样式覆盖 - 最简单粗暴的力工做法LESS、SCSS变量覆盖 - 学会使用工具的做法CSS变量 - 新款工具的做法webpack-theme-color-replacer插件 - 令人惊叹的做法准备工...

• 2023-04-07

95浏览

0评论

Vue中金额、日期格式化插件@formatjs/intl的使用及说明

目录Vue金额、日期格式化插件@formatjs/intl使用Intl.NumberFormat用于数字计算数字分组位数控制长度表示字节单位表示复合单位表示百分比表示货币表示质量表示温度表示容积...

• 2023-04-07

114浏览

0评论

详解Vue自定义指令如何实现处理图片加载失败的碎图

目录一、自定义指令1、局部注册和使用2、全局注册和使用二、自定义指令处理图片加载失败(碎图)一、自定义指令vue中除v-model、v-show等内置指令之外，还允许注册自定义指令，获...

• 2023-04-07

56浏览

0评论

Vue.js状态管理之Pinia与Vuex详解

目录前言Pinia 和 Vuex 简介什么是Pinia？什么是 Vuex？Pinia 的特点模块化设计完整的开发工具支持Pinia 很直观Pinia 是可扩展的TypeScript 支持Pinia 轻量的Vuex的特点模块开...

• 2023-04-07

82浏览

0评论

Vue项目中Websocket的使用实例

目录前言判断浏览器是否支持websocket的方法Vue项目里使用websocket的实例总结前言由于项目需求有要使用长链接，我们普通的http请求如果用轮询的方式与服务端通讯就很消耗资...

• 2023-04-07

79浏览

0评论

使用WebStorm运行vue项目的详细图文教程

在WebStorm中怎么打开一个已有的项目，这个不用多说，那么如何运行一个vue项目呢？1.点击下图中右上角的红框。2.在出现的弹框中选中左上角“+”下的“npm”，...

• 2023-04-07

61浏览

0评论

Vue驼峰与短横线分割命名中有哪些坑

目录驼峰和短横线分割命名注意事项组件注册命名父子组件数据传递时命名父子组件函数传递驼峰和短横线分割命名注意事项我们一般定义组件的方式有两种：短横线分隔命名：kebab-ca...

• 2023-04-07

68浏览

0评论

vue中this.$emit使用方法的实际案例

目录需求：1新增页面2 新增页面中点击关联项目弹出的页面3实现效果总结this.$emit()主要用于子组件向父组件传值。下面就给大家举一个实际开发中使用到的案例。需求：点击关联项...

• 2023-04-07

146浏览

0评论

antd upload上传组件如何获取服务端返回数据

目录antd upload上传组件获取服务端返回数据我是这样解决的antd的upload上传组件uploading状态踩坑记说明总结antd upload上传组件获取服务端返回数据项目中使用到antd uplo...

• 2023-04-07

104浏览

0评论

vue element-ui el-table组件自定义合计(summary-method)的坑

目录element-ui el-table组件自定义合计(summary-method)坑element-ui中的el-table组件时，自定义合并表头和合并行1、合并相同数据的行2、自定义合并表头总结element-ui el-t...

• 2023-04-07

67浏览

0评论

Vue3路由配置createRouter、createWebHistory、useRouter和useRoute详解

目录前言手动配置Vue-router环境：组件内部跳转路由、传参useRouter,useRoute总结前言Vue3和Vue2基本差不多，只不过需要将createRouter、createWebHistory从vue-router中引入，再...

• 2023-04-07

85浏览

0评论

Vue3实现自定义指令拦截点击事件的示例代码

目录问题解决方案案例逻辑页面中的使用案例使用Vue3举例,如在Vue2中使用思路是一致的，语法稍有区别。问题某些应用场景会给点击事件添加权限，不存在权限就 拦截 点击事件（或触...

• 2023-04-07

87浏览

0评论

Vue打包程序部署到Nginx 点击跳转404问题

目录Vue打包程序部署到Nginx 点击跳转404Vue打包后，用后端接口报错304、404问题描述解决办法总结Vue打包程序部署到Nginx 点击跳转404我们讲Vue打包后的程序 dist 目录部署到...

• 2023-04-07

42浏览

0评论

Vue express鉴权零基础入门

目录token图示一点通express鉴权下载加密/解密包加密基本使用（生成token）传递Token查看token验证token讲在前面的话：一个成熟的全栈工程师开发的前后端项目鉴权是必不可少的，接...

• 2023-04-07

58浏览

0评论

Vue移动端下拉加载更多数据onload实现方法浅析

思想：van-list组件负责UI层监测触底, 执行onload函数, page++, 请求下页数据, 和现在数据合并显示更多, 设置loading为false, 确保下次触底还能执行onLoadvant是一个可用于移...

• 2023-04-07

90浏览

0评论

Vue报错"Failed to resolve loader:less-loader"的解决方法

目录前言第一次尝试解决第二次尝试解决解决问题总结前言前几天在运行项目的时候，突然间报了这样一个错，虽然当时的我感觉很疑惑，明明上次跑的好好 的，这次为啥报我没有安装less-...

• 2023-04-07

76浏览

0评论

ElementUI年份范围选择器功能实现

目录ElementUI 年份范围选择器实现效果依赖组件代码调用组件代码总结ElementUI 年份范围选择器Element的日期选择器组件没有提供选择年份范围的功能。由于项目需要，决定用两...

• 2023-04-07

87浏览

0评论

如何修改Vue项目运行的IP和端口

目录修改Vue项目运行的IP和端口前言修改配置文件解决报错测试效果总结补充：vue默认端口号(port:8080)修改一 .vue-cli2二.vue-cli3/vue-cli4修改Vue项目运行的IP和端口前言我...

• 2023-04-07

85浏览

0评论

Vue3使用Swiper实现轮播图示例详解

目录正文Swiper 的参数代码实现Error: Can&lsquo;t resolve &lsquo;swiper/css/swiper.css&lsquo; 如何解决其它方式正文Vue 或者 React 都可以使用 Swiper 来实现轮播图，并...

• 2023-04-07

105浏览

0评论

Vuex unknown action type报错问题及解决

目录Vuex unknown action type报错vuex unknown action type:***总结Vuex unknown action type报错在项目中使用到vuex，因为都是用的模块开发，目录如下模块代码原来使用代码各...

• 2023-04-07

43浏览

0评论

Vue+ElementUI实现动态更换任意主题色(动态换肤)的全过程

目录前言vue-element-admin 官方实现的方式参考文档：webpack-theme-color-replacer 插件的实现方式总结前言最近基于 ElementUI 的项目上需要实现动态换肤的功能，这里提供两种...

• 2023-04-07

105浏览

0评论

vue.config.js中devServer.proxy配置说明及配置正确不生效问题解决

目录proxy 配置确认、解析原因 一原因二注意详解pathRewritechangeOrigin总结proxy 配置确认、解析devServer: { https: true, // 开启https模式 // 配置服务器代理...

• 2023-04-07

64浏览

0评论

前端自动化测试Vue中TDD和单元测试示例详解

目录1、简单用例入门2、快照测试3、覆盖率测试4、结合 Vuex 进行测试1、简单用例入门Vue 提供了 @vue/test-utils 来帮助我们进行单元测试，创建 Vue 项目的时候勾选测试选项...

• 2023-04-07

235浏览

0评论

vue3.0 router路由跳转传参问题(router.push)

目录vue3 router路由跳转传参路由跳转页面传参需要注意的问题路由(vue-router)配置及语法总结vue3 router路由跳转传参vue3.0取消了2.0部分api，所以路由跳转传值方式有所不同...

• 2023-04-07

61浏览

0评论

vue2实现带有阻尼下拉加载的功能

目录在vue中 需要绑定触发的事件需要使用的变量在vue中 需要绑定触发的事件<div id="testchatBox" class="chatWrap" :style="{paddingTop: chatScroollTop + 'px'}" @t...

• 2023-04-07

70浏览

0评论

Vue实现网页首屏加载动画及页面内请求数据加载loading效果

目录简介：使用范例：1、四圆点加载动画2、旋涡加载动画3、电池状态加载动画4、请求数据缓慢实现loading提示【推荐】Ⅰ、封装loading组件【推荐】Ⅱ、通过elementUI实现5、齿轮...

• 2023-04-07

61浏览

0评论

Vue手写dialog组件模态框过程详解

在vue项目下创建文件dialog实现思路1、dialog组件为模态框，因此应该是固定定位到页面上面的，并且需要留一定的插槽来让使用者自定义显示内容2、难点在于如何一句话打开dialog，...

• 2023-04-07

74浏览

0评论

HTML页面中使用Vue示例进阶（快速学会上手Vue）

目录一、Vue框架的两种使用方式二、HTML页面中简单使用Vue三、点击事件示例四、键盘事件示例五、鼠标移动事件示例六、事件修饰符示例七、V-text和V-html示例八、V-bind示例...

• 2023-04-07

86浏览

0评论

element-ui el-dialog嵌套table组件,ref问题及解决

目录element-ui el-dialog嵌套table组件,ref问题解决办法vue组件库 element-ui常见问题总结el-table相关el-form 表单相关el-dialog对话框内嵌自定义内容的样式更改总结 ele...

• 2023-04-07