71浏览

0评论

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

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

• 2023-04-07

52浏览

0评论

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

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

• 2023-04-07

304浏览

0评论

实例详解vue中的代理proxy

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

• 2023-04-07

55浏览

0评论

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

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

• 2023-04-07

61浏览

0评论

Vue3从0搭建Monorepo项目组件库

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

• 2023-04-07

56浏览

0评论

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

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

• 2023-04-07

82浏览

0评论

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

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

• 2023-04-07

42浏览

0评论

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

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

• 2023-04-07

92浏览

0评论

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

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

• 2023-04-07

60浏览

0评论

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

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

• 2023-04-07

127浏览

0评论

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

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

• 2023-04-07

75浏览

0评论

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

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

• 2023-04-07

85浏览

0评论

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

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

• 2023-04-07

88浏览

0评论

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

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

• 2023-04-07

69浏览

0评论

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

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

• 2023-04-07

80浏览

0评论

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

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

• 2023-04-07

66浏览

0评论

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

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

• 2023-04-07

43浏览

0评论

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

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

• 2023-04-07

45浏览

0评论

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

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

• 2023-04-07

81浏览

0评论

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

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

• 2023-04-07

50浏览

0评论

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

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

• 2023-04-07

79浏览

0评论

深入理解vue3中的reactive()

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

• 2023-04-07

56浏览

0评论

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

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

• 2023-04-07

92浏览

0评论

Vue3 重构函数透传示例解析

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

• 2023-04-07

74浏览

0评论

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

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

• 2023-04-07

280浏览

0评论

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

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

• 2023-04-07

107浏览

0评论

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

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

• 2023-04-07

112浏览

0评论

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

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

• 2023-04-07

51浏览

0评论

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

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

• 2023-04-07

47浏览

0评论

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

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

• 2023-04-07

194浏览

0评论

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

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

• 2023-04-07

41浏览

0评论

vue3中watch与watchEffect的区别

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

• 2023-04-07

92浏览

0评论

vue项目实现会议预约功能(包含某天的某个时间段和某月的某几天)

目录一、一天的时间段预约1.点击预约时2.获取时间数组3.处理未来七天的函数4.点击切换星期状态5.选中时间点时，判断状态及改变状态6.保存7.弹窗关闭二、一月的天数预约（最少一...

• 2023-04-07

82浏览

0评论

vue3使用Vite打包组件库从0搭建过程详解

目录手动搭建一个用于测试组件库组件 Vue3 项目初始化 ts搭建一个基于 vite 的 vue3 项目安装插件配置 vite.config.ts新建入口 html 文件app.vue入口 main.ts配置脚本启动...

• 2023-04-07

137浏览

0评论

Vue3  defineExpose要在方法声明定义以后使用的教程

目录[Vue3] defineExpose要在方法声明定义以后使用defineExpose的使用总结扩展：vue3 defineExposedefineExpose要在变量和方法声明定义之后再使用，否则浏览器的控制台会输出很...

• 2023-04-07

63浏览

0评论

Vue3 中路由Vue Router 的使用实例详解

目录前言：一、什么是 Vue Router ？二、路由的使用1、路由的安装2、路由的模式3、创建路由模块4、声明路由链接和占位符三、路由的重定向和别名四、嵌套路由五、声明式和编程式...

• 2023-04-07

68浏览

0评论

django+vue项目搭建实现前后端通信

目录django 环境搭建前端项目搭建前端项目结构曲线救国打通vue和djangovue适配djangodjango适配vuedjango 环境搭建1.创建django骨架项目django-admin startproject yiyan_w...

• 2023-04-07

59浏览

0评论

Vue项目创建首页发送axios请求的方法实例

这是个全新的Vue项目,引入了ElementUI 将App.vue里的内容干掉,剩如下然后下面的三个文件也可以删掉了在views文件下新建Login.vue组件 到router目录下的index.js 那么现在的...

• 2023-04-07

161浏览

0评论

vue3使用vis绘制甘特图制作timeline可拖动时间轴及时间轴中文化(推荐)

目录前言：参考文档文章一、实现效果：二、安装插件及依赖：三、封装组件：1.html部分：2.引入依赖：3.父组件传入数据：4.js部分全部配置四、父组件调用1.引入子组件2.初始数据3.父组件按...

• 2023-04-07

58浏览

0评论

整理项目中vue.config.js打包优化配置方法

目录整理项目中vue.config.js打包优化配置 webpack-bundle-analyzer 插件查看文件大小配置compression-webpack-plugin 用gzip压缩打包的文件大小配置uglifyjs-webpack-plug...

• 2023-04-07

90浏览

0评论

vue开发利器之unplugin-auto-import的使用

目录1、unplugin-auto-import插件的解决的问题2、插件安装3、测试4、总结补充：unplugin-auto-import 配置ESlint报错问题1、unplugin-auto-import插件的解决的问题unplugin-a...

• 2023-04-07

308浏览

0评论

vue+elementUI下拉框回显问题及解决方式

目录vue elementUI下拉框回显问题正确回显格式应该是这样而回显的确实这个值的idvue下拉框回显映射单选框多选框级联框总结vue elementUI下拉框回显问题在开发过程中，总会做...

• 2023-04-07

87浏览

0评论

VUE使用ElementUI下拉框 @change事件数据不回显问题

目录使用ElementUI下拉框 @change事件数据不回显问题解决方案VUE下拉框数据及数据回显问题总结使用ElementUI下拉框 @change事件数据不回显问题在VUE中使用ElementUI的el-se...

• 2023-04-07

44浏览

0评论

高频率Vue面试题汇总以及答案

目录什么是三次握手？什么是四次挥手？（close触发）什么是VUEX？什么是同源----跨域？什么是Promise？什么是fexl布局？数据类型什么是深浅拷贝？什么是懒加载？什么是守卫？DOMVue2与Vue3的区别V...

• 2023-04-07

49浏览

0评论

Vue中原生template标签失效如何解决

目录前言一、事件未绑定的原因二、如何处理原生template标签前言需要原生Javascript + three.js的数据标注平台加入Vue框架.本来挺顺利的, 我直接在mounted周期做了初始化,...

• 2023-04-07

63浏览

0评论

Vue3.x+Element Plus仿制Acro Design简洁模式实现分页器组件

开发中难免会遇到宽度很窄的列表需要使用分页器的情况，这时若使用Element Plus组件的分页器会导致分页器内容超出展示的区域，而Element Plus组件中目前没有Acro Design那样小...

• 2023-04-07

45浏览

0评论

vue跳转页面常用的几种方法汇总

目录1：router-link跳转1.不带参数2.带params参数3.带query参数2：this.$router.push()1.不带参数2.query传参 3.params传参4.query和params区别3：this.$router.replace() 4：this....

• 2023-04-07

77浏览

0评论

vue3自定义插件的作用场景及使用示例详解

目录插件的作用场景插件的定义（注册）插件的安装插件的使用插件中的Provide/inject插件的作用场景在vue2的插件那篇文章我们介绍过插件其实就是vue的增强功能。通常来为vue添加...

• 2023-04-07

54浏览

0评论

通过vue如何设置header

目录vue设置header后端交互对vue中contentType，和ajax的contentType区别对待当服务器端需要设置contentType:“application/json”：全局设置请求头1.使得请求头中存...

• 2023-04-07

76浏览

0评论

Vue.js中动态更改svg的相关属性详解

目录引言怎样将一个远程的svg图标资源"下载"到本地怎样更改svgdom结构里面的相关属性引言 公司项目中有一个关于图标库管理的需求，大致需要在页面能够动态去更改对应svg图标...

• 2023-04-07