111浏览

0评论

vue项目设置活性字体过程(自适应字体大小)

目录vue项目设置活性字体起因我们来看看详细步骤吧效果vue项目引入特殊字体特殊字体指的是默认电脑中没有的vue项目设置活性字体起因最近，博主在按照ui设计稿参数编写页面之...

• 2022-12-31

113浏览

0评论

axios请求的一些常见操作实战指南

目录axios封装请求axios封装常见操作axios的二次封装axios的取消重复请求axios的错误重复请求token失效返回登录页面总结axios封装请求axios封装常见操作axios请求时的常见...

• 2022-12-31

101浏览

0评论

关于vue中媒体查询不起效的原因总结

目录vue媒体查询不起效的原因错误一错误二错误三错误四错误五vue使用media媒体查询vue媒体查询不起效的原因vue中 用less或scss都可以使用媒体查询不生效无非以下几种错误错...

• 2022-12-31

101浏览

0评论

vue2+elementUI的el-tree的选中、高亮、定位功能的实现

在使用无选择框的el-tree时遇到的坑以及如何使用el-tree最后附全部代码 ref="tree" ----> 必须写 accordion ----> 是否每次只打开一个同级树节点展开 看个人选择...

• 2022-12-31

104浏览

0评论

vue动态代理无须重启项目解决方案详解

目录1.背景2.技术方案2.1 旧的配置方案2.2 新的配置方案思路3. 配置1.背景当我们vue构建项目的时候，都会在vue.config.js中配置我们需要代理的服务器地址。有时候我们需要使...

• 2022-12-31

113浏览

0评论

解决Vuepress码云部署及自动跳转404的问题

目录Vuepress码云部署及自动跳转404介绍部署GitHub 页面推到你仓库的的 gh-page 分支码云页面-Gitee PagesVuepress的简单使用安装Vuepress码云部署及自动跳转404介绍VuePre...

• 2022-12-31

92浏览

0评论

解决VuePress页面乱码问题

目录VuePress页面乱码问题官方步骤VuePress 初探建立文件夹安装 vuepress初始化新建文件夹配置页面启动乱码VuePress页面乱码问题公司有一个业务场景，需要用到VuePress，所以我...

• 2022-12-31

99浏览

0评论

axios+vue请求时携带cookie的方法实例

axios+vue 请求时如何携带cookie1，当符合同源策略时，可以直接设置 document.cookie = " 你要设置的内容 "mounted() { document.cookie = "ioiopipoadiasdasdbasdbas"; /...

• 2022-12-31

121浏览

0评论

vue项目中vue-echarts讲解及常用图表实现方案(推荐)

目录1.图表主题颜色的修改2.XY轴体颜色和文本颜色修改3.横向柱状图的显示4.过滤xy轴文本内容5.Y轴文本显示在轴线内6.在柱状条头部添加标签内容7.自定义图例修改8.环比图中...

• 2022-12-31

121浏览

0评论

解决Vue input输入框卡死的问题

原因我把 vuex 全局变量 $store.state.search.key 绑定到 v-model 上，然后在页面挂载时通过代码修改 $store.state.search.key 的值，最后在页面上输入任意值 input 框就卡住了...

• 2022-12-31

124浏览

0评论

Vue实现简单基础的图片裁剪功能

目录一、准备工作二、基本结构三、添加功能onMouseDownonMouseMoveonMouseUponMouseLeave四、总结近日，在写公司项目的时候接到一个需求：对已加载的大图中可截取部分图片用来...

• 2022-12-31

107浏览

0评论

羊了个羊通关脚本Vue node实现版本

目录vue-sheep特性使用预览截图vue-sheep本项目使用 vue2 + nodejs实现羊了个羊快速通关，仅为学习使用，请勿使用本程序恶意对游戏服务器持续造成压力，一切后果自负！！！t 参数包含个...

• 2022-12-31

336浏览

0评论

Vue项目中使用自定义字体样式方式

目录Vue使用自定义字体样式步骤一步骤二步骤三步骤四全局自定义字体,提高项目字体美化1、创建font文件夹2、创建index.css3、全局注册4、页面使用Vue使用自定义字体样式步骤...

• 2022-12-31

390浏览

0评论

关于vuepress部署出现样式的问题及解决

目录vuepress部署出现样式问题vuepress个人博客部署遇到的一些问题1、js和css出现404问题2、每次都要重复操作打包、运行、上传github很麻烦怎么办？3、github.io无法打开怎么...

• 2022-12-31

126浏览

0评论

Vue表格组件Vxe-table使用技巧总结

目录前言1、树形结构配置：2、获取全局table对象：3、使用多选框注意事项：4、编辑行或单元格注意事项：5、表尾数据合并问题：6、仅显示已勾选功能讲解：7、解决初始数据半选中状态失效...

• 2022-12-31

128浏览

0评论

vuepress打包部署踩坑及解决

目录vuepress打包部署踩坑记录vuepress打包报错：error Error rendering /:问题方案1方案2vuepress打包部署踩坑记录官网教程官网给了多种部署方案，这里我才用的是部署到github...

• 2022-12-31

101浏览

0评论

Vuepress生成文档部署到gitee.io的注意事项及说明

目录Vuepress生成文档部署到gitee.io注意事项在gitee中部署VuePress博客问题Vuepress生成文档部署到gitee.io注意事项1.静态资源要放在.vuepress/public目录下，比如创建一个a...

• 2022-12-31

90浏览

0评论

Vue 中的 computed 和 watch 的区别详解

目录computed注意应用场景watch总结computedcomputed 看上去是方法，但是实际上是计算属性，它会根据你所依赖的数据动态显示新的计算结果。计算结果会被缓存，computed 的值在 ge...

• 2022-12-31

94浏览

0评论

Vue element-ui中表格过长内容隐藏显示的实现方式

目录一、el-table表格二、Popover 弹出框总结一、el-table表格在使用VUE显示后台数据时，经常会遇到数据过长，显示出来的效果很难看，如下图所示：上图中，红框框出的内容由于长度过...

• 2022-12-31

92浏览

0评论

简单聊一聊vue中data的代理和监听

目录假设现在有一个data需求一: 用 Object.defineProperty 定义 n需求二：n不能小于0所以就有了需求三：不暴露data中可以设置的属性，而是使用一个代理因此引出了需求四：就算用户...

• 2022-12-31

94浏览

0评论

vue中响应式布局如何将字体大小改成自适应

目录响应式布局将字体大小改成自适应vue文字大小自适应问题响应式布局将字体大小改成自适应1.在app.vue的生命周期函数中添加一段代码来设置页面的rem mounted: function()...

• 2022-12-31

99浏览

0评论

vue3与elementui封装一个便捷Loading

目录前言实际使用代码实现前言因为后台管理，总要写很多loading状态的变量，然后控制开启和关闭。。我个人很讨厌写这种重复的代码。。所以为了少写点这种变量，所以突发奇想封装...

• 2022-12-31

100浏览

0评论

解决vue中使用history.replaceState 更改url vue router 无法感知的问题

vue中使用history.replaceState 更改url vue router 无法感知的问题描述最近做一个需求，URL更新不刷新页面，在网上找了 好多文章都说 router.replace 更新URL不会刷新页面（前提...

• 2022-12-31

105浏览

0评论

vue3使用vuex实现页面实时更新数据实例教程(setup)

目录前言1.项目引入vue2.main.js引入vuex3.新建store文件夹3.在传输数据的页面引入vuex (api.js)4.渲染页面总结前言我项目中使用ws获取数据，因为数据是不断更新的，vue页面只...

• 2022-12-31

115浏览

0评论

深度解析 Vue3 的响应式机制

目录什么是响应式响应式原理定制响应式数据Vueuse 工具包什么是响应式响应式一直都是 Vue 的特色功能之一；与之相比，JavaScript 里面的变量，是没有响应式这个概念的；你在学习 Ja...

• 2022-12-31

100浏览

0评论

深度剖析 Vue3 在浏览器的运行原理

目录前言首次渲染patch 函数processComponent 方法setupComponentsetupRenderEffect前言上一讲深度解析 Vue3 的响应式机制我们学习了 Vue 响应式的大致原理，响应式就是可以...

• 2022-12-31

107浏览

0评论

vue路由警告:Duplicate named routes definition问题

目录警告产生的原因错误类型举例说明静态路由动态路由今天在开发的时候，项目报了一个警告 Duplicate named routes definition ，这里记录一下解决方式和思路。警告产生的原因...

• 2022-12-31

90浏览

0评论

Vue3中defineEmits、defineProps 不用引入便直接用

前言：最近正在将一个使用单文件组件的 Options API 的 Vue2 JavaScript 项目升级为 Vue3 typescript，并利用 Composition API 的优势。比如，下面这种 选项API 方式：export defau...

• 2022-12-31

125浏览

0评论

vue如何使用媒体查询实现响应式

目录使用媒体查询实现响应式的两种方式前提1.在每个组件中为其使用媒体查询2.写n套页面,在使用这些页面的组件中进行一次媒体查询vue中的媒体查询语法使用媒体查询实现响应...

• 2022-12-31

119浏览

0评论

使用v-memo缓存模板子树提高应用性能详解

目录引言v-memo 是做什么的？事例错误的使用方式管理更新与 v-for 结合使用无意中停止了子组件触发的更新总结引言Vue3 为我们提供了几项开箱即用的重大性能改进，但也引入了一...

• 2022-12-31

113浏览

0评论

Vue项目使用svg图标实践

目录一. svg图标介绍二. svg图标的获取方式三. Vue项目使用svg图标的环境配置四. Vue项目使用svg图标的项目配置一. svg图标介绍svg图标是用作Web应用程序或移动应用程序内...

• 2022-12-31

98浏览

0评论

vue3中defineComponent 的作用详解

vue3中，新增了 defineComponent ，它并没有实现任何的逻辑，只是把接收的 Object 直接返回，它的存在是完全让传入的整个对象获得对应的类型，它的存在就是完全为了服务 TypeScript...

• 2022-12-31

103浏览

0评论

vue打包报错:ERROR in static/js/xxx.js from UglifyJs undefined问题

目录报错信息如下尝试解决办法vue项目打包报错报错信息如下ERROR in static/js/xxxxxxxxxx.js from UglifyJs undefined注意了！很多文章的报错信息 都有 vendor. 开头的，例如：E...

• 2022-12-31

120浏览

0评论

vue混入mixin流程与优缺点详解

目录1、什么是mixin2、mixin与Vuex的区别3、mixin的使用3.1、局部混入3.2、全局混入4、mixin选项合并4.1、生命周期函数4.2、data中的数据冲突4.3、方法冲突5、优缺点5.1、...

• 2022-12-31

115浏览

0评论

vue上传项目到git时,如何忽略node_modules文件夹

目录上传项目到git，如何忽略node_modules文件夹创建.gitignoe文件添加node_modules查看本地状态提交代码Git项目到码云时，没有上传node_modules(库)的原因上传项目到git，如何忽...

• 2022-12-31

125浏览

0评论

Vue版本vue2.9.6升级到vue3.0的详细步骤

目录背景：vue版本的升级主要步骤：一、首先需要卸载你之前的vue2.9.6二、安装新版本：总结背景：电脑使用多年，一直使用vue 2.x版本，项目开发过程中由于一个模块涉及的集成模块过多，导...

• 2022-12-31

101浏览

0评论

vue3.2自定义弹窗组件结合函数式调用示例详解

目录前言手写弹窗组件组件调用函数式调用如何使用含样式完整源码效果图前言涉及的vue3知识点/API，createApp defineProps defineEmits <script setup> v-model<script setup>...

• 2022-12-31

226浏览

0评论

vue如何在style标签中使用变量(数据)详解

目录在 style 中使用 data 变量那么如何在代码中使用style属性呢？总结参考资料SFC CSS Features | Vue.js在 style 中使用 data 变量options 方式：<template> <div class="te...

• 2022-12-31

104浏览

0评论

vue引用json文件的方法小结

相信大家都有被后端数据支配过 废话不多说 直接上代码1.解决怎么从控制台把数据 移到json文件中 直接右击复制值var getData = require("./taifeng.json"); // 直接引入json...

• 2022-12-31

85浏览

0评论

vue如何实现无缝轮播图

目录vue实现无缝轮播图轮播图的思路无缝轮播（跑马灯效果）vue实现无缝轮播图轮播图的思路一组图片进行不停地循环,如果循环到最后一张图片,就从第一张开始,不停循环,我们可以设...

• 2022-12-31

116浏览

0评论

解决vue vite启动项目报错ERROR: Unexpected “\x88“ in JSON 的问题

最近通过yarn dev启动vite项目时报了下面的错：failed to load config from F:\code\qn-test-vweb\vite.config.ts
error when starting dev server:
Error: Build failed wit...

• 2022-12-31

97浏览

0评论

vue实现弹窗拖拽效果

本文实例为大家分享了vue实现弹窗拖拽效果的具体代码，供大家参考，具体内容如下前言实现拖拽其实简单来说就分为三步一、创建一个js文件因为本身dialog窗口不具备移动拖拽能力，...

• 2022-12-31

112浏览

0评论

Vue3 如何通过虚拟DOM更新页面详解

目录引言Vue 虚拟 DOM 执行流程DOM 的创建patch 函数patchElement 函数节点自身属性的更新子元素的更新patchChildren位运算为什么位运算性能更好如何运用位运算最长递增子...

• 2022-12-31

175浏览

0评论

如何删除vue项目下的node_modules文件夹

目录删除vue下的node_modules文件夹利用命令行删除 node_modules文件删除vue下的node_modules文件夹全局安装rimrafcnpm i -g rimraf进入项目文件夹目录（该目录下包含node_mo...

• 2022-12-31

110浏览

0评论

Vue.js element-plus使用图标不显示问题的解决方式

目录前言前提：方案1:方案2:总结前言关于前端使用element-plus中的icon不展示，网上主要分为两种，一种是打包之后不展示，还有一种是直接在开发的时候运行就不展示这个帖子主要解决...

• 2022-12-31

114浏览

0评论

JSON数组和JSON对象在vue中的获取方法

这两天在学习vue，主要是为了实现前后端的分离，因此数据的传输是必不可少的一个环节。为了快速入门，参考了vue官网的视频，这个过程由于引入vue.js的问题走了一些弯路，这个我们以后...

• 2022-12-31

286浏览

0评论

Vue如何实现简单的时间轴与时间进度条

目录前言1、封装时间尺度组件2、在vue页面使用时间尺度 3、组件init方法内 通过起止时间算出中间的所有时间尺度 总结前言项目需要按天播放地图等值线图功能，所以需要一个时...

• 2022-12-31

336浏览

0评论

vue下的elementui轮播图自适应高度问题

目录elementui轮播图自适应高度elementui轮播图自适应的最简单实现效果如下拉伸一下elementui轮播图自适应高度翻了下api 没有找到对应的属性，所以这里用自定义方法来实现<el...

• 2022-12-31

231浏览

0评论

vite + electron-builder 打包配置详解

目录创一个vite项目安装打包工具配置桌面环境创建 主进程 main.js添加electron 运行命令打包项目，生成dist解决资源无法加载开发环境：热更新两个工具 concurrently wait-on打...

• 2022-12-31

112浏览

0评论

Vue extend学习示例讲解

目录1、什么是动态创建组件2、Vue.extend()3、通过extend实现弹窗的动态创建3.1、创建动态组件3.2、编辑动态组件的逻辑3.3、在main.js中引入使用3.4、在需要的地方通过触发...

• 2022-12-31