135浏览

0评论

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

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

• 2023-04-07

130浏览

0评论

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

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

• 2023-04-07

81浏览

0评论

Vue express鉴权零基础入门

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

• 2023-04-07

99浏览

0评论

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

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

• 2023-04-07

133浏览

0评论

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

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

• 2023-04-07

113浏览

0评论

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

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

• 2023-04-07

131浏览

0评论

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

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

• 2023-04-07

130浏览

0评论

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

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

• 2023-04-07

135浏览

0评论

Vuex unknown action type报错问题及解决

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

• 2023-04-07

71浏览

0评论

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

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

• 2023-04-07

143浏览

0评论

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

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

• 2023-04-07

96浏览

0评论

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

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

• 2023-04-07

272浏览

0评论

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

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

• 2023-04-07

113浏览

0评论

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

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

• 2023-04-07

107浏览

0评论

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

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

• 2023-04-07

102浏览

0评论

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

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

• 2023-04-07

128浏览

0评论

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

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

• 2023-04-07

121浏览

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

120浏览

0评论

vue2.x中keep-alive源码解析(实例代码)

目录一、前世尘缘二、keep-alive内置组件1.缓存动态组件2.缓存路由组件3.原理解析三、LRU算法一、前世尘缘vue中内置组件keep-alive的设计思想源于HTTP中的Keep-Alive模式，Ke...

• 2023-04-07

87浏览

0评论

Vue富文本插件(quill-editor)的使用及说明

目录1、下载依赖2、全局引入及注册main.js3、封装组件RichText4、使用5、万事俱备之后6、格式问题总结介绍在Vue中使用quill-editor富文本插件，支持图片的放大缩小及拖动效果...

• 2023-04-07

368浏览

0评论

实例详解vue中的代理proxy

目录问题复习一下跨域的解决方案原理场景扩展几个常用的devServer配置扩展几个vue/cli3的配置问题我们本地调试一般都是 npm run serve，然后打开 本机ip:8080（localhost:8080）...

• 2023-04-07

93浏览

0评论

vue处理一千张图片进行分页加载思路详解

目录vue处理一千张图片进行分页加载思路：vue处理一千张图片进行分页加载开发过程中，如果后端一次性返回你1000多条图片或数据，那我们前端应该怎么用什么思路去更好的渲染呢？第一...

• 2023-04-07

101浏览

0评论

Vue3从0搭建Monorepo项目组件库

目录引言什么是 Monorepo为什么要用 pnpmpnpm 的使用安装初始化项目包管理引言本篇文章是从0搭建Vue3组件库系列文章第二篇,本篇文章将带领大家使用pnpm搭建一个简单的Monor...

• 2023-04-07

106浏览

0评论

Vue中$set()的使用方法场景分析

目录Vue中$set()的使用方法前言$set()的应用场景一$set()的应用场景二补充：vue中$set的用法$set用于更新数组：$set用于更新对象：Vue中$set()的使用方法前言由于 Vue 会在初始化...

• 2023-04-07

132浏览

0评论

vue-virtual-scroll-list虚拟组件实现思路详解

目录组件性能问题解决方案优化后的表现实现原理总结组件性能问题在数据量大的时候，cascader/tree这类的列表加载缓慢，滚动卡顿，操作延迟。下图是2000条数据的时候：密密麻麻的节...

• 2023-04-07

83浏览

0评论

Vue通过axios发送ajax请求基础演示

在Vue中是不支持发送ajax请求的，如果我们要在Vue中发送ajax请求，我们需借助第三方插件
常用发送ajax请求插件有两个 vue-resource和axios,Vue.js 2.0 版本推荐使用 axios 来完...

• 2023-04-07

145浏览

0评论

Vue实现省市区三级联动el-select组件的示例代码

目录一 自定义组件1 位置2 代码二 main.js 配置三 使用方法1 结构部分2 代码部分3 样式部分四 测试1 级联选择2 观察数据一 自定义组件1 位置2 代码<template> <div class=...

• 2023-04-07

95浏览

0评论

Vue Echarts实现多功能图表绘制的示例详解

目录前言环境搭建项目部署项目结构项目代码dashboard.vue-主界面multipleColumn.vue-复合柱形图项目截图前言作为前端人员，日常图表、报表、地图的接触可谓相当频繁，今天小编...

• 2023-04-07

194浏览

0评论

electron-vue中报错Cannot use import statement outside a module的解决方案(亲测有效!)

目录错误：原因：解决方案：附：启动项目exe文件后，发现无法调用出开发者工具总结错误：Cannot use import statement outside a module(不能在模块之外使用导入语句)。原因：安装的某个...

• 2023-04-07

118浏览

0评论

教你如何优化 Vue.js 应用程序

目录选择框架Vue Composition API导入依赖代码分割懒加载异步组件分割API请求有条件加载组件CSS完善加载状态取消API请求Stale While Revalidate更新指示总结单页面应用（SPAs...

• 2023-04-07

121浏览

0评论

Vue3从0搭建Vite打包组件库使用详解

目录打包配置声明文件打包配置本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts)vite 专门提供了库模式的打...

• 2023-04-07

125浏览

0评论

Vue Token过期问题的2种解决方案小结

对于token过期，我们有两种方案：方案一：当我们操作某个需要token作为请求头的接口时，返回的数据错误error.response.status === 401，说明我们的token已经过期了。我们希望当响应返...

• 2023-04-07

109浏览

0评论

在uni-app中使用vant组件的方法

目录前言：步骤一： 步骤二： 步骤三： 步骤四： 步骤五：​ 步骤六：步骤七： 写在最后：前言：最近在做uni-app的时候需要用到vant组件，在网上看到了很多的使用vant组件的方法，但是讲解的大多繁...

• 2023-04-07

118浏览

0评论

Vue3 axios配置以及cookie的使用方法实例演示

调用验证码方法在Request.js也就是axios中添加切换验证码方法 // 请求后拦截 instants.interceptors.response.use( (response) => { if (showLoading && loading...

• 2023-04-07

106浏览

0评论

vue项目中如何实现网页的截图功能 (html2canvas)

目录vue实现网页的截图功能 (html2canvas)先安装html2canvas引入html2canvas主要实现代码在使用html2canvas时vue拖动截图功能实现安装html2canvas、vue-cropper在main.js注...

• 2023-04-07

80浏览

0评论

vue打包后的线上部署Apache、nginx全过程

目录一、Apache服务器二、nginx服务器总结我们一般情况下将vue项目开发完成后会进行打包上线，本文介绍多种部署情况。一、Apache服务器1、vue路由mode:&#39;hash&#39;模式（带#...

• 2023-04-07

83浏览

0评论

使用vue写一个翻页的时间插件实例代码

目录效果图代码总结读秒效果有一个从上向下的翻页效果效果图clock代码<template> <div class="dateClock"> <div class="todayClass"> <p class="datep">{{dateTod...

• 2023-04-07

141浏览

0评论

一文详解如何在Vue3+Vite中使用JSX

目录JSX介绍在 Vue3 中使用 JSX安装插件（@vitejs/plugin-vue-jsx）新建 jsx 文件语法补充知识：注意事项总结JSX介绍JSX（JavaScript 和 XML），是一个 HTML-in-JavaScript 的语法扩展，...

• 2023-04-07

94浏览

0评论

使用vis-timeline绘制甘特图并实现时间轴的中文化(案例代码)

目录使用vis-timeline绘制甘特图并实现时间轴的中文化最终实现效果安装vis-timeline及相关依赖包组件中引入使用visGantt组件visgantt组件调用使用vis-timeline绘制甘特图并...

• 2023-04-07

125浏览

0评论

深入理解vue3中的reactive()

目录开始调试复杂数据类型基本数据类型proxy对象ref类型Map类型和Set类型在vue3的开发中，reactive是提供实现响应式数据的方法。日常开发这个是使用频率很高的api。这篇文章...

• 2023-04-07

91浏览

0评论

vue项目中解决 IOS + H5 滑动边界橡皮筋弹性效果(解决思路)

目录问题:尝试思路：解决方案：效果图如下：问题:最近遇到一个问题，我们在企业微信中的 H5 项目中需要用到table表格（支持懒加载 上划加载数据）。但是他们在锁头、锁列的情况下，依旧会...

• 2023-04-07

134浏览

0评论

Vue3 重构函数透传示例解析

目录一、来源列表页面+下拉刷新和上拉加载+占位图（无数据+断网）...二、使用示例最后、总结一、来源之前做 vue 手机端需求开发时，遇到多个相似列表页面：列表页面+下拉刷新和上拉...

• 2023-04-07

130浏览

0评论

vue3和ts封装axios以及使用mock.js详解

目录前言一、axios 的依赖安装与处理 1. 依赖安装2. 全局 axios 封装3. 实际使用二、 mock.js 的依赖安装与处理 1. 安装依赖2. 新建 mock 所需的文件三、结合使用总结前...

• 2023-04-07

362浏览

0评论

vue el-input设置必填提示功能(单个与多个)

目录前言第一种（多个el-input同时限制）：第二种(对单个el-input设置必填限制):总结前言有两种:一种是多个el-input通过同一个el-form表单来限制,这种用得最多的地方就是添加和修...

• 2023-04-07

152浏览

0评论

Element UI/Plus中全局修改el-table默认样式的解决方案

目录起因解决方案在Vue2中在Vue3中总结起因首先，Element 官网的表格样式默认是这样的：el-table 无边框el-table-column 行信息居左展示el-table-column 当内容过长也没有溢出...

• 2023-04-07

184浏览

0评论

vue多语言转换的几种方法总结

目录一、静态转换使用方式二、vue-i18n按字查询替换使用总结一、静态转换使用 Vue 插件 language-tw-loader在打包时把本地的文字转换成繁体，动态加载的文字不会转换。也就是...

• 2023-04-07

94浏览

0评论

利用Vue-cli搭建Vue项目框架的教程详解

首先安装node.js1.在新建的目录中按住shift 鼠标右键，在此处打开命令窗口，版本保证在4.x以上node -v2.全局安装vue脚手架npm install -g vue-cli同时可以使用vue和vue list 命...

• 2023-04-07

84浏览

0评论

vue实现动态路由添加功能的简单方法(无废话版本)

目录前言一 . 封装一个处理生产路由的函数二. vuex中进行调用三，最终完成动态添加路由总结 前言最近练习vue的项目，有关于后台管理系统的动态添加路由部分,根据思路实现了基本...

• 2023-04-07

244浏览

0评论

vue前端性能优化之预加载和懒加载示例详解

目录预加载图片预加载JS预加载js的加载方式preloadprefetchPreload & Prefetch 的区别不同资源加载的优先级规则懒加载图片懒加载路由懒加载组件懒加载最后预加载预加载简单...

• 2023-04-07

74浏览

0评论

vue3中watch与watchEffect的区别

目录vue3中watch与watchEffect的区别watch refwatch reactivewatchEffect对比扩展：vue3中的 watchEffect 和 watch 有什么区别以及如何使用vue3中watch与watchEffect的区别wa...

• 2023-04-07