208浏览

0评论

vue视图响应式更新详细介绍

目录概述思路第一步统一封装更新函数第二步监听并触发视图更新引入Dep管家实现下语法糖v-model概述前面两篇文章已经实现了对数据的变化的监听以及模板语法编译初始化，但是当...

• 2022-12-31

58浏览

0评论

关于element ui中el-cascader的使用方式

目录element ui中el-cascader使用例→代码element中el-cascader使用及自定义key名element ui中el-cascader使用要想实现进入页面直接选中选择器中的选项例→那v-mod...

• 2022-12-31

73浏览

0评论

vue中如何实现锚点定位平滑滚动

目录vue锚点定位平滑滚动vue点击tabs平滑滚动(锚点事件)定义兼容使用vue锚点定位平滑滚动下面是简单的代码，拿来即用html //给div盒子设定单击事件和ref名<div @click="getTh...

• 2022-12-31

50浏览

0评论

vue的axios请求改变content-type为form-data问题

目录axios请求改变content-type为form-dataaxios无法发送&lsquo;Content-Type&lsquo;: &lsquo;multipart/form-data&lsquo;请求 按照一般的写法axios请求改变content-type为...

• 2022-12-31

48浏览

0评论

vue3动态修改打包后的请求路径的操作代码

在工作中多多少少会遇到这种情况：项目打包之后，可以再次修改请求后端接口的基础地址。这就需要我们创建一个静态资源里的外部文件来实现了。具体操作实现public 文件夹就是存...

• 2022-12-31

56浏览

0评论

vue中设置echarts宽度自适应的代码步骤

目录问题描述无自适应效果图有自适应效果图代码步骤问题描述我们使用vue做项目的时候，常常需要做到echarts图表的自适应，一般是根据页面的宽度做对应的适应。本文记录一下设置...

• 2022-12-31

56浏览

0评论

Vue中图片上传组件封装-antd的a-upload二次封装的实例

目录图片上传组件封装-antd的a-upload二次封装api组件封装使用优化图片上传组件封装-antd的a-upload二次封装a-upload组件apiconst publicApi = { UploadImage: '/common/u...

• 2022-12-31

43浏览

0评论

结合el-upload组件实现大文件分片上传功能

目录前情提要代码实现完整代码前情提要Element UI的el-upload上传组件相信各位小伙伴都已经非常熟悉，最近接了一个新需求，要求在el-upload组件基础上实现分片上传功能，即小于等...

• 2022-12-31

51浏览

0评论

Vite的createServer启动源码解析

目录启动Vite的createServer通过vite3安装一个vue的工程添加断点并开启调试边调试边理解代码启动Vite的createServer为了能够了解vite里面运行了什么，通过执行单步调试能够更...

• 2022-12-31

59浏览

0评论

vue中监听scroll事件失效的问题及解决

目录vue监听scroll事件失效问题下面附实现成功的代码vue监听scroll事件vue监听scroll事件失效问题vue项目中遇到需要监听页面某个元素距顶部距离实现吸顶效果，正常的window.a...

• 2022-12-31

64浏览

0评论

vue+elementUI组件tree如何实现单选加条件禁用

目录vue+elementUI组件tree单选加条件禁用使用如上方法就可以完成实现单选完结！付上一个完成的代码～vue+elementUI组件tree单选加条件禁用elementUI tree：http://element.eleme...

• 2022-12-31

54浏览

0评论

Vue替代vuex的存储库Pinia详细介绍

目录前言Pinia介绍1. 创建一个Pinia store2. 访问State3. Pinia修改数据的四种方法4. 重置State5. 替换state6. 订阅状态7. Getters与vuex比较Pinia的优点前言vue3已经发布...

• 2022-12-31

51浏览

0评论

Element-Plus之el-col与el-row快速布局

目录前言一、el-colspanpush & pull响应式offset二、el-rowgutterjustifyalign总结前言拖拉了一晚, 总结了一些Layout布局工具的使用方法.一、el-col本来打算先说row的&hell...

• 2022-12-31

58浏览

0评论

Vue自定义指令v-focus实例详解

目录前言自定义指令 directive项目实际使用技术背景实际操作优势setTimeout(fn, 0) 永远的神$nextTick(callback)小结前言本文直接参考vue2.0官方文档， 并演示博主项目中的使...

• 2022-12-31

57浏览

0评论

解决vscode Better Comments插件在vue文件中不显示相对应的颜色的问题

最近使用了Better Comments这款插件，发现在ts文件中可以显示对应的颜色，但在vue文件中并不显示对应颜色解决方法如下：1.打开插件的配置文件夹，即 c盘 -> 用户 -> 用户名 -> .vsc...

• 2022-12-31

49浏览

0评论

Vue中使用Echarts可视化图表宽度自适应的完美解决方案

目录一、问题阐述：二、解决思路：三、最终效果：一、问题阐述：开发H5项目中应用到Echarts数据可视化，由于H5主要使用在手机，屏幕宽度大大限制了图表的展现，问题如下。上图中x轴的数据...

• 2022-12-31

60浏览

0评论

vue运行项目时network显示unavailable的问题及解决

目录vue运行项目时network显示unavailablenode运行项目-Network: unavailable-没有ip地址方式一：项目文件vue.config.js文件中配置方式二：系统环境变量配置问题修复完成vue运...

• 2022-12-31

60浏览

0评论

Vue项目如何改变屏幕尺寸重新刷新页面-计算页面尺寸

目录改变屏幕尺寸重新刷新页面-计算页面尺寸方式一方式二尺寸的自适应 大屏自适应通过 postcss-px2rem 插件，实现项目的自适应通过transform，可用于echarts的项目中通过 postc...

• 2022-12-31

57浏览

0评论

Pinia 的 Setup Stores 语法使用实例详解

目录关于大菠萝最常见的 Option Stores 语法安利 Setup Stores 语法如果在 Vue3 的 Setup 语法外使用 Pinia 呢？关于大菠萝如果你还不了解 Pinia，那你可以将它理解为 Vuex5（因...

• 2022-12-31

55浏览

0评论

Vue项目中实现描点跳转scrollIntoView的案例

目录Vue实现描点跳转scrollIntoView方式一：使用a标签#id形式方式二：scrollIntoView使用vue遇到scrollIntoView无效问题官方文档写的简单Vue实现描点跳转scrollIntoView方式一：...

• 2022-12-31

47浏览

0评论

网站国际化多语言处理工具i18n安装使用方法图文详解

目录一、首先安装i18n二、创建语言包文件三、main.js引入i18n四、修改App.vue文件五、页面使用接下来继续完善，加上切换语言按钮最后使用方法，按照上图1234顺序即可总结一、首...

• 2022-12-31

43浏览

0评论

Vue element-ui el-cascader 只能末级多选问题

目录element-ui el-cascader只能末级多选扩展实现element-ui中el-cascader全选功能实现思路如下element-ui el-cascader只能末级多选像这样的需求我们直接可以用css完成/dee...

• 2022-12-31

43浏览

0评论

vue实现锚点跳转之scrollIntoView()方法详解

目录vue锚点跳转scrollIntoView()方法滚动到某个特定元素 一个简单的vue锚点跳转demovue锚点跳转scrollIntoView()方法滚动到某个特定元素 scrollIntoView()；这个方法不用获...

• 2022-12-31

60浏览

0评论

vue项目打包后部署到服务器的详细步骤

耽误了几天, 终于开始写第二篇博客了, 这篇会讲怎么将vue项目打包部署到服务器, 其实和上一篇的uni-app步骤一样的, 就是最后多了一步修改nginx配置, 好 , 上操作一 ,打包项...

• 2022-12-31

77浏览

0评论

element日期选择器el-date-picker样式图文详解

目录1、基本用法2、调高度、颜色3、调日历图标位置4、调日历面板5、设置日期框日期颜色6、拓展总结1、基本用法代码：<el-date-picker type="date" v-model="valueStart" valu...

• 2022-12-31

60浏览

0评论

关于Vue-cli3烦人的eslint问题

目录Vue-cli3烦人的eslint- 如果选择了是- 如果选择了否Vue-cli3的eslint报错解决方法Vue-cli3烦人的eslint在vue-cli选择生成的时候，有一个询问是否把插件配置文件写在packa...

• 2022-12-31

49浏览

0评论

Vue项目API接口封装的超详细解答

目录前言一、axios是什么？二、API接口封装步骤1.创建拦截器（Interceptor.js）2.创建存放API的文件（http.js）3.使用方法总结前言我们在开发的过程中，时常需要去访问服务器，然而每个请...

• 2022-12-31

59浏览

0评论

Vue+Element一步步实现动态添加Input_输入框案例

目录输入式动态添加单选式动态添加组合式动态添加组合式动态添加(回传名称)单选、多选组合式数据回显完整示例总结单选切换多选（补充）下拉框渲染卡顿问题（补充）双循环遍历优化输...

• 2022-12-31

47浏览

0评论

Vue3 Hooks 模块化抽离示例详解

目录正文todoList demo目录结构TodoList.vue代码如下定义的类型文件逻辑抽离正文Vue3中的Hooks 其实就是业务逻辑的抽离，跟Vue2中mixin 本质上是一样的：将当前组件的业务逻辑...

• 2022-12-31

56浏览

0评论

VUE3+vite项目中动态引入组件与异步组件的详细实例

目录一、全量注册，随用随取1. 把项目中所有vue文件注册成异步组件。2. 获取组件3. 参考如下二、使用@rollup/plugin-dynamic-import-vars插件 1.介绍2.安装3.使用4.How it wo...

• 2022-12-31

280浏览

0评论

正确更改Ant Design of Vue样式的问题

目录背景步骤1.添加less和less-loader依赖2.开启javascriptEnabled3.新建reset.less重置样式4.添加样式引用5.添加测试代码6.添加覆盖样式背景最近在搞项目，改用了 Ant Desig...

• 2022-12-31

46浏览

0评论

swiper在vue中的简单使用方法

本次使用的是 swiper5，swiper 不同版本在使用 的过程会有一些差别说明：本次示例中 skuImageList 是图片列表，由父组件从服务器获取然后传给这个轮播子组件使用服务器返回的数据...

• 2022-12-31

52浏览

0评论

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

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

• 2022-12-31

63浏览

0评论

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

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

• 2022-12-31

46浏览

0评论

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

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

• 2022-12-31

51浏览

0评论

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

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

• 2022-12-31

61浏览

0评论

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

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

• 2022-12-31

60浏览

0评论

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

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

• 2022-12-31

43浏览

0评论

解决VuePress页面乱码问题

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

• 2022-12-31

40浏览

0评论

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

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

• 2022-12-31

66浏览

0评论

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

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

• 2022-12-31

63浏览

0评论

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

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

• 2022-12-31

58浏览

0评论

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

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

• 2022-12-31

59浏览

0评论

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

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

• 2022-12-31

259浏览

0评论

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

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

• 2022-12-31

315浏览

0评论

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

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

• 2022-12-31

72浏览

0评论

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

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

• 2022-12-31

76浏览

0评论

vuepress打包部署踩坑及解决

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

• 2022-12-31

52浏览

0评论

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

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

• 2022-12-31

45浏览

0评论

Vue 中的 computed 和 watch 的区别详解

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

• 2022-12-31