77浏览

0评论

Vue3源码分析调度器与watch用法原理

目录本文主要内容调度器1.添加任务(queueJobs)2.二分法找到插入位置(findInsertionIndex)3.将执行任务的函数推入微任务队列(queueFlush)4.执行普通任务(flushJobs)5.添加后...

• 2023-04-07

74浏览

0评论

vue3源码分析reactivity实现原理

目录引言第一部分:简单版reactivity(1).实现reactive和effect(2).实现ref(3).实现computed第二部分:深入分析对于object、array的响应式代理(1).handlers中的getter(2).hand...

• 2023-04-07

57浏览

0评论

Pure admin-Router标签页配置与页面持久化实现方法详解

页面持久化（适用与单个页面，跳转页面不适用）：步骤一：添加 keepAlive: true{ path: "/lucky/lookLucky", name: "lookLucky", component: () => import("@/views/l...

• 2023-04-07

121浏览

0评论

VUE axios每次请求添加时间戳问题

目录VUE axios每次请求添加时间戳axios封装加时间戳或者随机数总结VUE axios每次请求添加时间戳service.interceptors.request.use( config => { if (store.getters.tok...

• 2023-04-07

74浏览

0评论

使用md5在vue中的axios请求时加密API问题

目录md5在vue中的axios请求时加密API1.安装axios2.安装MD53.在vue项目中得main.js中全局引入4.在main.js中加入以下代码5.在组件中运用axios即可接口安全要求接口参数签名...

• 2023-04-07

46浏览

0评论

vue如何实现对请求参数进行签名

目录前端实现请求签名1、思路2、Vue实现添加请求签名3、axios请求拦截器实现4、生成签名工具类请求参数按照ASCII码从小到大排序后追加秘钥再进行加密得到签名值代码实现总...

• 2023-04-07

76浏览

0评论

vuex的几个属性及其使用传参方式

目录vuex概念1.1、组件之间共享数据的方式1.2、Vuex是什么1.3、使用Vuex同意管理状态的好处vuex的基本使用vuex的核心概念StateMutation第一种方式第二种方式Action第一种方...

• 2023-04-07

71浏览

0评论

Vue如何调用接口请求头增加参数

目录Vue调用接口请求头增加参数Vue取消接口请求接口js文件页面中引用总结Vue调用接口请求头增加参数import axios from 'axios'import qs from 'qs'let api_secret = '935bd...

• 2023-04-07

41浏览

0评论

vue2.0的计算属性computed和watch的区别及各自使用场景解读

目录计算属性computed和watch的区别及各自使用场景watch：属性监听区别总结计算属性computed和watch的区别及各自使用场景computed：通过属性计算而得来的属性　1、computed内部...

• 2023-04-07

50浏览

0评论

vue中的导航守卫使用及说明

目录导航守卫全局守卫独享守卫组件内守卫vue导航守卫有哪些路由的钩子函数有六个全局路由钩子函数路由内的钩子函数组件内的钩子函数总结导航守卫作用：对路由进行权限控制分...

• 2023-04-07

90浏览

0评论

vant框架van-cell插槽无法换行问题及解决

目录vant框架van-cell插槽无法换行解决方法小程序 van-cell 换行能左对齐问题总结vant框架van-cell插槽无法换行解决方法在插槽中定义div的属性display为block;再在里面定义...

• 2023-04-07

45浏览

0评论

vue中下拉框组件的封装方式

目录vue下拉框组件的封装原理使用vue封装远程下拉框组件总结vue下拉框组件的封装原理vue element中，需要封装一个对应的下拉款组件。第一步：在api_domain.js中添加后台的请求...

• 2023-04-07

103浏览

0评论

Vue3中正确使用ElementPlus的示例代码

目录一、创建Vue3项目二、进入项目，安装Element-Plus三、配置Icon四、测试运行五、Git提交一下一、创建Vue3项目vue create vue_element选择自定义项目创建：选择这几项（空格...

• 2023-04-07

71浏览

0评论

Vue3源码分析reactivity实现方法示例

目录深入分析对于map、set、weakMap、weakSet的响应式拦截(1).mutableInstrumentations(2).shallowInstrumentations(3).readonlyInstrumentations(4).shallowReadonlyInstr...

• 2023-04-07

213浏览

0评论

element-ui table使用type='selection'复选框全禁用(全选禁用)详解

目录问题总结：复选框框架：回避做法：实现：效果：全被禁用时，全选按钮被隐藏问题总结： 总结问题总结： 当条件数据全被禁用时，全选按钮也变成禁用的状态，而不是隐藏。有会做的小伙伴希望跟...

• 2023-04-07

38浏览

0评论

vue的axios使用post时必须使用qs.stringify而get不用问题

目录问题原因get请求post请求为何要设置请求头里的’Content-Type’总结问题vue里代码如下： this.$http.post('/getMatterList.do',{"matterIds":"1,2,3"})...

• 2023-04-07

135浏览

0评论

详解unplugin vue components不能识别组件自动导入类型pnpm

目录引言效果发现问题问题效果解决问题刨根问底解决方案引言unplugin-vue-components 是一款能帮助组件自动导入的库，简单点的说，你不需要使用import xx from 'xxx.vue&#3...

• 2023-04-07

59浏览

0评论

vue2 使用@vue/composition-api依赖包 编译、打包各种报错问题分析

目录问题来源解决办法最近在维护以前（大概一年前）的项目时，遇到个这种问题：项目本身是用 vue-cli 创建的 vue 2.x.xx 版本的项目，然后引入 @vue/composition-api 依赖包，在实际开...

• 2023-04-07

137浏览

0评论

Vant中List组件immediate-check=false无效的解决

目录Vant中List组件immediate-check=false无效问题场景解决方法Vant list组件使用的坑总结Vant中List组件immediate-check=false无效使用vant中的List组件时，会有这样的场景...

• 2023-04-07

43浏览

0评论

vue计算属性想要传入参数如何解决

目录vue计算属性想要传入参数怎么办先讲解决方案再讲一下我遇到的问题下面这样解决vue计算属性computed使用注意事项(有缓存)应该如何选择？总结vue计算属性想要传入参数怎么...

• 2023-04-07

62浏览

0评论

vue计算属性computed--getter和setter用法

目录计算属性computed和方法methods的区别计算属性的完整写法vue3计算属性computed实现原理computed实现原理总结计算属性computed和方法methods的区别计算属性本质上是包含...

• 2023-04-07

122浏览

0评论

Vue使用Element折叠面板Collapse如何设置默认全部展开

目录Element折叠面板Collapse设置默认全部展开Vue实现展开折叠效果总结Element折叠面板Collapse设置默认全部展开这个适用于需要for循环 <el-collapse-item>负责展开的属性...

• 2023-04-07

143浏览

0评论

vue弹窗里面使用echarts不显示的问题及解决

目录前言原因分析解决方式一、nextTick二、setInterval总结前言弹出层中插入echarts图表，没有报错，但是图表加载不出来此弹出层没有用element 的dialog 对话框，用的自己封装的...

• 2023-04-07

57浏览

0评论

Vue中的反向代理

目录Vue反向代理Vue反向代理相关概念及配置反向代理使用场景跨域的解决方案什么是反向代理 反向代理原理反向代理的配置总结Vue反向代理config下面的index.js文件const ios...

• 2023-04-07

77浏览

0评论

vue中动态渲染数据时使用$refs无效的解决

目录vue动态渲染数据时使用$refs获取dom无法获取问题解决办法vue中$refs取值是undefined总结vue动态渲染数据时使用$refs获取dom无法获取问题场景：在循环的列表上绑定了 ref,...

• 2023-04-07

122浏览

0评论

Vue3+Tsx给路由加切换动画时的踩坑及解决

目录项目场景样式文件步骤最终代码总结项目场景用最新的技术栈Vue+Tsx给后台管理系统路由加动画时，语法上与模板语法有些许不同，记录下自己的踩坑记录样式文件新建文件transit...

• 2023-04-07

97浏览

0评论

Vue通过ref获取不到$refs问题

目录Vue通过ref获取不到$refs使用$refs获取不到DOM元素1. 在created 钩子函数中调用2. 获取的是设置了v-if/v-show的元素总结Vue通过ref获取不到$refs今天写项目时发现一个...

• 2023-04-07

51浏览

0评论

vue项目element UI 版本升级过程遇到的问题及解决方案

目录vue项目element UI 版本升级过程遇到的问题查阅资料 升级element ui遇到的问题总结vue项目element UI 版本升级过程遇到的问题最近发现项目的element ui 版本是2.5 而最...

• 2023-04-07

110浏览

0评论

vue父元素点击事件与子元素点击事件冲突问题

目录父元素点击事件与子元素点击事件冲突vue点击事件（父子层级元素点击时踩坑记录）总结父元素点击事件与子元素点击事件冲突在做vue项目的时候，遇到子元素有点击事件，父元素也有...

• 2023-04-07

71浏览

0评论

解读vue项目防范XSS攻击问题

目录1.对于从接口请求的数据2.对用V-HTML和INNERHTML加载的客户信息进行转义3.在入口页面的META中使用CSP4.针对特殊场景，选择性过滤XSS标签总结1.对于从接口请求的数据尽量...

• 2023-04-07

51浏览

0评论

vue.js 自定义指令（拖拽、拖动、移动） 指令 v-drag详解

1.main.js文件中添加已下代码Vue.directive('drag', { //1.指令绑定到元素上回立刻执行bind函数，只执行一次 //2.每个函数中第一个参数永远是el，表示绑定指令的元素，el参数是...

• 2023-04-07

47浏览

0评论

如何在Vue项目中使用vuex

目录在Vue项目中使用vuex一、安装vuex二、创建store三、挂载store四、在组件中使用五、在Vue组件中监听Vuex总结在Vue项目中使用vuex在一个vue项目中使用vuex，需要根据项目来...

• 2023-04-07

86浏览

0评论

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

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

• 2023-04-07

43浏览

0评论

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

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

• 2023-04-07

39浏览

0评论

Vue中watch使用方法详解

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

• 2023-04-07

92浏览

0评论

vue运行卡死的问题

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

• 2023-04-07

212浏览

0评论

TypeScript踩坑之TS7053的问题及解决

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

• 2023-04-07

47浏览

0评论

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

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

• 2023-04-07

60浏览

0评论

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

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

• 2023-04-07

50浏览

0评论

Vue组件中的父子组件使用

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

• 2023-04-07

87浏览

0评论

Vue中使用setTimeout问题

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

• 2023-04-07

101浏览

0评论

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

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

• 2023-04-07

123浏览

0评论

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

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

• 2023-04-07

50浏览

0评论

vue中$refs的三种用法解读

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

• 2023-04-07

41浏览

0评论

vue集成openlayers问题

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

• 2023-04-07

295浏览

0评论

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

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

• 2023-04-07

129浏览

0评论

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

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

• 2023-04-07

199浏览

0评论

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

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

• 2023-04-07

81浏览

0评论

typescript中this报错的解决

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

• 2023-04-07

70浏览

0评论

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

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

• 2023-04-07