154浏览

0评论

vue中this.$refs有值,但无法获取ref的值问题及解决

目录vue中this.$refs有值，但无法获取ref的值解决方法ant-design-vue中this.$refs使用笔记总结vue中this.$refs有值，但无法获取ref的值vue报错Cannot read property ‘add...

• 2023-04-07

97浏览

0评论

Vue动态类的几种使用方法总结

目录Vue动态类的几种使用点击显示或隐藏样式的做法利用三元表达式切换样式多个动态类的用法Vue class动态类名总结Vue动态类的几种使用动态类的操作比较简单，但是很实用。点...

• 2023-04-07

92浏览

0评论

Vue中watch使用方法详解

目录前言watchimmediate和handlerdeep拓展前言说到 vue 中的 watch 方法，大家可能首先想到，它是用来监听数据的变化，一旦数据发生变化可以执行一些其他的操作。但是 watch 的操...

• 2023-04-07

153浏览

0评论

vue运行卡死的问题

目录vue运行为何卡死vue项目打包后卡死解决解决方案1解决方案2总结vue运行为何卡死有两个原因会造成这个结果：modules中缺少依赖，使用npm install 命令重新加载依赖Vue规定每...

• 2023-04-07

262浏览

0评论

TypeScript踩坑之TS7053的问题及解决

目录TypeScript踩坑之TS7053解决方法总结TypeScript踩坑之TS7053错误：TS7053: Element implicitly has an ‘any’ type because expression of type ‘strin...

• 2023-04-07

108浏览

0评论

详解Vue如何监测数组的变化

目录一、使用 Vue.js 提供的方法来更新数组二、使用专门用于监测数组变化的语法糖三、使用Vue.observable()函数四、使用 computed 属性和 watch 属性监测数组变化五、使用...

• 2023-04-07

122浏览

0评论

Vue props传入function时的this指向问题解读

目录Vue props传入function时的this指向踩坑笔记我的解决方案Vue props 传递函数Props的type是函数总结Vue props传入function时的this指向Parent.vue<template> <div>...

• 2023-04-07

100浏览

0评论

Vue组件中的父子组件使用

目录Vue组件中的父子组件父组件向子组件传值子组件向父组件传值Vue父子组件的生命周期总结Vue组件中的父子组件父组件向子组件传值父组件通过属性绑定（v-bind:）的形式, 把需要...

• 2023-04-07

146浏览

0评论

Vue中使用setTimeout问题

目录Vue使用setTimeout使用setTimeout存在的潜在问题总结Vue使用setTimeout今天使用setTimeout 来修改一个变量的值以实现提示框的自动消失。先是这样写，结果发现函数被调用...

• 2023-04-07

171浏览

0评论

vue3 setup语法糖之组件传参(defineProps、defineEmits、defineExpose)示例详解

vue3官方文档 defineProps 和 defineEmits 都是只能在 <script setup> 中使用的编译器宏。他们不需要导入，且会随着 <script setup> 的处理过程一同被编译掉。defineProps 接...

• 2023-04-07

187浏览

0评论

vue 循环动态设置ref并获取$refs方式

目录vue循环动态设置ref并获取$refs一. 使用理解步骤（个人理解、大白话概况）二. 单循环和无循环动态设置ref三. 双循环动态设置refref和$refs的使用方法ref介绍this.$refs介绍...

• 2023-04-07

117浏览

0评论

vue中$refs的三种用法解读

目录vue $refs的三种用法1、vue2中2、vue3中3、vue3的组合API（composition-api）对vue中$refs的理解描述总结vue $refs的三种用法我们都知道，在vue2中获取DOM元素，可以直接在元素...

• 2023-04-07

103浏览

0评论

vue集成openlayers问题

目录vue集成openlayers下载依赖创建地图文件其他APIvue openlayers绘制数据时鼠标位置偏移问题解决方案总结vue集成openlayers下载依赖cnpm i -S ol创建地图文件 <div clas...

• 2023-04-07

382浏览

0评论

使用vue-cli创建vue2项目的实战步骤详解

目录前言第一步：搭建node运行环境，根据操作系统选择相应安装包第二步：安装webpack第四步：创建项目总结 前言说明！！！：Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-...

• 2023-04-07

201浏览

0评论

vue项目内存溢出问题及解决方案

目录vue项目内存溢出的解决vue项目内存溢出问题问题解决方法1解决方法2总结vue项目内存溢出的解决最近在对原有项目进行迭代升级，有用代码越来越多，导致内存溢出了。正常启动...

• 2023-04-07

255浏览

0评论

vue清除地址栏路由参数方式

目录vue清除地址栏路由参数vue删除query中个别参数或清除query总结vue清除地址栏路由参数方式一：let path = this.$route.path; //先获取路由路径this.$router.push(path); /...

• 2023-04-07

147浏览

0评论

typescript中this报错的解决

目录typescript中this报错出错原因改成这样就可以了typescript中this的使用注意总结typescript中this报错export class AppComponent { title = 'myapp'; count=1; click...

• 2023-04-07

137浏览

0评论

Vue3之Vite中由element ui更新导致的启动报错解决

目录Vite中由element ui更新导致的启动报错问题解决总结Vite中由element ui更新导致的启动报错直接上图，报错如下：导致的结果就是打开浏览器，啥也没有：通过谷歌在github上看到了...

• 2023-04-07

194浏览

0评论

VUE div click无效的问题及解决

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

• 2023-04-07

137浏览

0评论

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

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

• 2023-04-07

161浏览

0评论

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

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

• 2023-04-07

137浏览

0评论

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

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

• 2023-04-07

134浏览

0评论

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

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

• 2023-04-07

133浏览

0评论

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

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

• 2023-04-07

157浏览

0评论

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

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

• 2023-04-07

117浏览

0评论

TypeScript中集成Tween.js踩坑记录

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

• 2023-04-07

266浏览

0评论

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

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

• 2023-04-07

98浏览

0评论

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

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

• 2023-04-07

136浏览

0评论

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

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

• 2023-04-07

117浏览

0评论

Vue如何引入全局过滤器

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

• 2023-04-07

201浏览

0评论

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

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

• 2023-04-07

89浏览

0评论

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

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

• 2023-04-07

102浏览

0评论

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

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

• 2023-04-07

124浏览

0评论

Tree-Shaking 机制快速掌握

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

• 2023-04-07

142浏览

0评论

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

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

• 2023-04-07

171浏览

0评论

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

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

• 2023-04-07

219浏览

0评论

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

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

• 2023-04-07

132浏览

0评论

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

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

• 2023-04-07

230浏览

0评论

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

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

• 2023-04-07

119浏览

0评论

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

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

• 2023-04-07

170浏览

0评论

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

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

• 2023-04-07

175浏览

0评论

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

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

• 2023-04-07

117浏览

0评论

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

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

• 2023-04-07

157浏览

0评论

Vue项目中Websocket的使用实例

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

• 2023-04-07

150浏览

0评论

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

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

• 2023-04-07

159浏览

0评论

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

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

• 2023-04-07

131浏览

0评论

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

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

• 2023-04-07

207浏览

0评论

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

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

• 2023-04-07

166浏览

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

125浏览

0评论

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

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

• 2023-04-07