505浏览

0评论

element 实现导航栏收起展开功能及思路

目录element 导航栏收起展开实现思路PS：Vue结合element-ui实现导航菜单展开收缩小功能上篇文章介绍了vue使用ElementUI时导航栏默认展开功能的实现，今天介绍下element 导航栏...

• 2023-04-07

88浏览

0评论

Vue项目中使用setTimeout存在的潜在问题及解决

目录使用setTimeout存在的潜在问题上代码总结使用setTimeout存在的潜在问题在开发项目中遇到这样的序曲，点击按钮弹框，每次进入的时候都需要默认选中Android，这个时候就遇到了...

• 2023-04-07

108浏览

0评论

vant-list组件触发多次onload事件导致数据乱序的解决方案

目录1、问题描述原因分析2、先了解一下相关知识点1）基础用法2）List 的运行机制是什么？3）为什么 List 初始化后会立即触发 load 事件？4）为什么会连续触发 load 事件？5）loading 和 fin...

• 2023-04-07

89浏览

0评论

vue axios接口请求封装方式

目录vue axios接口请求封装总结vue axios接口请求封装简易记录一下最近用到的比较顺手的、axios接口请求的封装1、新建network文件夹，其内新建request.js设置一个 baseURL ，便...

• 2023-04-07

106浏览

0评论

setTimeout在vue中的正确使用方式

目录setTimeout在vue中的正确使用遇到了1个坑问题出在我的格式上面解决vue在setTimeout内修改this失效使用箭头函数总结setTimeout在vue中的正确使用笔者最近因为公司需求开...

• 2023-04-07

163浏览

0评论

vant3中使用List组件的一些坑

目录使用vant3 List 组件过程中遇到的一些坑处理vant list使用报错的点总结使用vant3 List 组件过程中遇到的一些坑1、接口错误的时候，大量重复请求。可能接口错误时vant3内...

• 2023-04-07

90浏览

0评论

Vue如何处理Axios多次请求数据显示问题

目录Vue处理Axios多次请求数据显示服务端代码客户端代码vue axios多次请求一个接口取消前面请求方法一方法二总结Vue处理Axios多次请求数据显示场景：一个搜索框，要求用户输入...

• 2023-04-07

198浏览

0评论

vue3中的对象时为proxy对象如何获取值(两种方式)

目录第一种获取target值的方式：第二种获取target值PS：vue3中获取proxy包裹的数据前言一、具体问题二、解决办法使用vue3.0时，因为底层是使用proxy进行代理的所以当我们打印一些...

• 2023-04-07

167浏览

0评论

Vant2移动端Vue组件库问题记录

目录发布初衷 ：Popup 弹出层DatetimePicker 时间选择Field 输入框Picker 选择器List 列表Tab 标签页总结发布初衷 ：记录在移动端项目中使用 Vant 2 组件库时遇到的各种问题 ，...

• 2023-04-07

83浏览

0评论

Vue路由传参的三种方式实例详解

目录Vue路由传参三种方式一、params传参二、路由属性配置传参：三、query传参区别特别注意总结Vue路由传参三种方式params传参路由属性配置传参query传参一、params传参this.$...

• 2023-04-07

240浏览

0评论

vue跨域问题:Access to XMLHttpRequest at‘httplocalhost解决

目录前言一、背景补充（jsonp）二、实践解决跨域方法（基于封装好的axios，非原生）再补充一下原理：总结前言前两天遇到了跨域问题，报了Access to XMLHttpRequest at‘httplocalhos...

• 2023-04-07

154浏览

0评论

Vue.js axios响应拦截如何获取返回状态码

目录axios响应拦截获取返回状态码方式整理方法一方法二方法三Vue的axios拦截器用法总结axios响应拦截获取返回状态码方式整理方法一axios.interceptors.response.use( respo...

• 2023-04-07

105浏览

0评论

Vue3 通过作用域插槽实现树形菜单嵌套组件

目录一、需求来源二、效果图三、使用示例（VTreeNodeDemo.vue）四、源码（VTreeNode.vue）：一、需求来源工作中需要一种树形菜单组件，经过两天的构思最终通过作用域插槽实现： 此组件将...

• 2023-04-07

136浏览

0评论

Vue实现DOM元素拖放互换位置示例

目录一、拖放和释放二、可拖拽属性三、DataTransfer3.1 属性3.2 方法四、DataTransferItem4.1 属性4.2 方法五、DataTransferItemList六、Event事件七、实例7.1 html代码7.2...

• 2023-04-07

108浏览

0评论

Vue组件的计算属性和普通属性的区别说明

目录计算属性和普通属性的区别说明计算属性关键词: computedcomputed vs methods总结计算属性和普通属性的区别说明计算属性关键词: computed计算属性模板：computed:{   ...

• 2023-04-07

103浏览

0评论

Vue中的计算属性和axios基本使用回顾

目录1. 什么是计算属性2. 计算属性的特点计算属性3. 如何声明计算属性4. 计算属性的使用注意点5. 计算属性 vs 方法6. axiosaxios的基本使用总结1. 什么是计算属性计算属性...

• 2023-04-07

123浏览

0评论

vue中van-picker的选项插槽的使用

目录van-picker的内部选项怎么来自定义Vant选择器使用插槽总结van-picker的内部选项怎么来自定义首先要确保 Vant UI 的版本在2.10.0以上然后利用插槽slot来实现，在Vant 里插...

• 2023-04-07

174浏览

0评论

vue table表格中如何控制下拉框的显示隐藏

目录vue table表格控制下拉框的显示隐藏vue下拉框清空总结vue table表格控制下拉框的显示隐藏需求：点击表格的某一个列的吗某个值，显示那值得下拉框，失去焦点时则隐藏平时点击...

• 2023-04-07

133浏览

0评论

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

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

• 2023-04-07

109浏览

0评论

vue3源码分析reactivity实现原理

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

• 2023-04-07

105浏览

0评论

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

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

• 2023-04-07

169浏览

0评论

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

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

• 2023-04-07

111浏览

0评论

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

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

• 2023-04-07

89浏览

0评论

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

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

• 2023-04-07

118浏览

0评论

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

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

• 2023-04-07

108浏览

0评论

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

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

• 2023-04-07

86浏览

0评论

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

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

• 2023-04-07

91浏览

0评论

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

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

• 2023-04-07

132浏览

0评论

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

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

• 2023-04-07

87浏览

0评论

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

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

• 2023-04-07

135浏览

0评论

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

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

• 2023-04-07

125浏览

0评论

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

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

• 2023-04-07

254浏览

0评论

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

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

• 2023-04-07

77浏览

0评论

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

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

• 2023-04-07

169浏览

0评论

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

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

• 2023-04-07

109浏览

0评论

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

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

• 2023-04-07

187浏览

0评论

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

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

• 2023-04-07

101浏览

0评论

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

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

• 2023-04-07

97浏览

0评论

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

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

• 2023-04-07

156浏览

0评论

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

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

• 2023-04-07

189浏览

0评论

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

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

• 2023-04-07

89浏览

0评论

Vue中的反向代理

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

• 2023-04-07

117浏览

0评论

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

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

• 2023-04-07

162浏览

0评论

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

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

• 2023-04-07

125浏览

0评论

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

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

• 2023-04-07

103浏览

0评论

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

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

• 2023-04-07

142浏览

0评论

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

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

• 2023-04-07

109浏览

0评论

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

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

• 2023-04-07

87浏览

0评论

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

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

• 2023-04-07

90浏览

0评论

如何在Vue项目中使用vuex

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

• 2023-04-07