218浏览

0评论

vue3中使用scss加上scoped导致样式失效问题

目录使用scss加上scoped导致样式失效注意事项在vue3 + vite 中使用 :: v-deep 抛出警告vue中加样式失效,scoped穿透你需要了解一下1.什么是scoped2.scoped穿透3.另一种方式...

• 2022-12-31

63浏览

0评论

vue3 hook自动导入原理及使用

目录1. vue3 自动导入2. API 的 自动引入 （ 尤雨溪 推荐神器）3. 组件的自动引入 （ 尤雨溪 推荐神器）总结1. vue3 自动导入原理 ：预加载前，该插件自动 按需导入 了，在本vue文件中使...

• 2022-12-31

34浏览

0评论

vue项目使用websocket连接问题及解决

目录vue使用websocket连接前景 解决过程vue2全局使用websocket记录新建ws模块文件在main.js中引用ws模块文件App.vue挂载时再次连接服务器并且接收消息vue使用websocket连接...

• 2022-12-31

38浏览

0评论

如何在vue3中优雅的使用jsx/tsx详解

目录前言安装插件（@vitejs/plugin-vue-jsx）1、插值2、class与style 绑定3、条件渲染4、列表渲染5、事件处理6、v-model7、slot插槽8、使用 tsx 实现递归组件-菜单总结前言相信...

• 2022-12-31

81浏览

0评论

vue中如何动态设置css样式的hover

目录vue动态设置css样式的hovervue使用hover.css动画vue动态设置css样式的hover1.定义不同的颜色数组colorList: ['#4cb352', '#5bc2d3', '#ffc23f', 'pink', '#872822'],//...

• 2022-12-31

38浏览

0评论

Vue3中Pinia的基本使用笔记

目录什么是Pinia呢？Pinia和Vuex的区别与Vuex相比，Pinia很多的优势：如何使用Piniastore的核心部分：state，getter，action认识和定义State操作State认识和定义Getters认识和定义Actio...

• 2022-12-31

29浏览

0评论

el-table表格动态合并行及合并行列实例详解

目录前言1、合并行2、合并行列总结前言在写项目的时候有时候会经常遇到把行和列合并起来的情况，因为有些数据是重复渲染的，不合并行列会使表格看起来非常的混乱，如下：而我们想要...

• 2022-12-31

51浏览

0评论

vuecli中chainWebpack的常用操作举例

目录一、增增加规则二、删三、改四、查五、操作方法总结1、webpack 配置很多，这里我们探讨比较经常需要修改的：不复杂，可以在 configWebpack 中操作：modedevtool配置复杂，可以在...

• 2022-12-31

45浏览

0评论

vue3如何使用watch监听props中的数据

目录情况一：监听 props 中基本数据类型情况二：监听 props 中引用数据类型且父组件不改变地址指向情况三：监听 props 中引用数据类型且父组件改变地址指向总结写在最后情况一：监...

• 2022-12-31

44浏览

0评论

Vue中使用 Echarts5.0 遇到的一些问题(vue-cli 下开发)

目录Vue使用Echarts5.0的一些问题问题解决方案一解决方案二为什么会出现这种情况？vue使用echarts 5.0“export ‘default‘ (imported as ‘echarts&lsq...

• 2022-12-31

39浏览

0评论

使用webstorm配置vue+element开发环境

目录1. 设置启动环境2. 处理element-ui标签提示unknown的问题3. 处理webstorm不识别@路径别名的问题4. 处理webstorm使用scss变量1. 设置启动环境新建npm,Name可以自定义一...

• 2022-12-31

47浏览

0评论

Vue中v-if、v-if-else、v-else-if与v-show的基本使用

目录一、Vue的条件渲染1.1.v-if1.2.v-if-else1.3.v-else-if 1.4.template元素 1.5.v-show1.6.v-show和v-if的区别总结一、Vue的条件渲染1.1.v-if⭐⭐if 顾名...

• 2022-12-31

47浏览

0评论

vue3中setup语法糖下通用的分页插件实例详解

目录vue3中setup语法糖下父子组件之间的通信准备工作父传子：子传父：先给大家介绍下vue3中setup语法糖下通用的分页插件，内容如下所示：效果自定义分页插件：PagePlugin.vue<script...

• 2022-12-31

52浏览

0评论

一文详解如何在vue中实现文件预览功能

目录文件流docx的预览pdf的预览xlsx预览图片的预览结语文件流如何将各种文件的文件流(blob)转化为线上可以直接预览的数据，这里简单介绍四种不同类型的文件预览。分别是pdf，do...

• 2022-12-31

43浏览

0评论

OpenLayer基于vue的封装使用教程

目录前言基本结构 _createView _createBaselayer_createMap _initMapEvt _initMapControl _initMapClickEvent()_initPointMoveEventopenlayer是目前我们gis常用的一款开源...

• 2022-12-31

45浏览

0评论

Vue中Vue.extend()的使用及解析

目录Vue Vue.extend()的使用应用场景简单实用使用Vue.extend()编写vue插件Vue.extend()如何编程式使用组件呢具体使用Vue Vue.extend()的使用Vue.extend 属于 Vue 的全局 AP...

• 2022-12-31

95浏览

0评论

vue3+ts+Vuex中使用websocket协议方式

目录vue3+ts+Vuex使用websocket协议在stroe中vue3中vue封装websocket封装的socket.js文件内容使用方法vue3+ts+Vuex使用websocket协议本文作者使用的是ts+vue3的setup语法糖...

• 2022-12-31

42浏览

0评论

vue项目中使用AvueJs的详细教程

目录一、背景二、项目中的运用1、引入2、table（avue-crud）的使用三、使用想法Avue是基于Vue.js和element的快速开发框架 它的核心是数据驱动UI的思想，让我们从繁琐的crud开发中...

• 2022-12-31

43浏览

0评论

vue2项目中全局封装axios问题

目录vue2全局封装axios封装axios封装api 函数vue2.X中axios简单封装和多功能封装vue2.X 中axios的简单封装多功能封装vue2全局封装axios封装axios第一步1.src 目录中新建uti...

• 2022-12-31

57浏览

0评论

从Vue转换看Webpack与Vite 代码转换机制差异详解

目录配置方式Vue 文件编译的流程Vite 的 Vue 转换流程Webpack 的 Vue 转换流程对比和总结配置方式我们知道，Webpack 是使用 loader 转换代码的，而 Vite/Rollup 则是使用插件转...

• 2022-12-31

33浏览

0评论

vue 页面卡死,点击无反应的问题及解决

目录vue 页面卡死,点击无反应vue 项目页面卡死原因排查问题描述问题排查小结vue 页面卡死,点击无反应我在结合element做表单的时候，进入编辑页时，点击切换不生效，但是value值已...

• 2022-12-31

58浏览

0评论

解决vue中el-date-picker type=daterange日期不回显的问题

目录vue中el-date-picker type=daterange日期不回显原始代码问题发现及处理el-date-picker 日期组件事件回显不生效日期组件回显处理本文说明vue中el-date-picker type=date...

• 2022-12-31

40浏览

0评论

vue踩坑之backgroundImage路径问题及解决

目录vue backgroundImage路径问题处理方法也可以下面这种方式去写vue style中设置background-image时的路径问题代码如下&darr;vue backgroundImage路径问题项目中图片都放...

• 2022-12-31

36浏览

0评论

vue如何实现路由跳转到外部链接界面

目录vue路由跳转到外部链接界面vue路由跳转说明vue路由跳转到外部链接界面项目中用前端的是vue框架，有一个需求是，当点击一个按钮后，跳转到原来已经发布过的ionic界面上。如果...

• 2022-12-31

44浏览

0评论

vue关于下载文件常用的几种方式

目录vue下载文件常用方式直接打开我们可以自己封装一个方法vue常用的命令创建vue项目常用命令vue项目部署启动项目总结 vue下载文件常用方式直接打开直接打开是指我们直接使...

• 2022-12-31

30浏览

0评论

vue 实现列表跳转至详情且能添加至购物车功能

目录效果概述：具体效果：实现后效果图：大致代码思路main.js 代码移动端rem适配代码解决跨域问题，在vue.config.js里添加代码实现路由跳转页代码app根组件代码效果列表页代码详情...

• 2022-12-31

57浏览

0评论

vue 首页加载,速度优化及解决首页白屏的问题

目录一、Spa单页面的加载过程二、首页加载慢的原因三、加载速度慢解决方案1、分离打包第三方资源包2、第三方库使用CDN引入3、vue-router路由懒加载4、静态资源压缩，代码压缩...

• 2022-12-31

44浏览

0评论

Vue中传递自定义参数到后端、后端获取数据并使用Map接收参数

目录1、未进行二次封装之前的操作1.1 前端调用接口设计1.2 后端接口设计2、使用二次封装axios后的设计2.1 封装的接口类型（只展示关键的接口调用部分）2.2 前端调用接口设计2.3...

• 2022-12-31

44浏览

0评论

Luckysheet 在vue中离线使用及引入报错的解决方案(推荐)

目录1.git下载源码运行打包dist2.将dist文件引入项目3.应用4.常见报错1.git下载源码运行打包distgit 源码地址：https://github.com/mengshukeji/Luckysheet下载好源码之后执...

• 2022-12-31

30浏览

0评论

在Vue中使用Avue、配置过程及实际应用小结

目录1、使用Avue的原因2、Avue的官网3、安装使用3.1 安装3.2 在main.js中引入4 使用Avue组件库4.1 基本样式4.2 实际应用4.3 效果在新项目中用到一个新的小玩意、还挺不错的...

• 2022-12-31

40浏览

0评论

vue3.0中使用websocket,封装到公共方法的实现

目录使用websocket,封装到公共方法vue中封装websocket问题 1.在untils文件夹下新建socket_service.js2.在main.js里引用2.在组件里调用$socket使用websocket,封装到公共方法...

• 2022-12-31

48浏览

0评论

vue和iview结合动态生成表单实例

目录一、构建myform组建二、构建myFormItem组建三、构建函数式组件mycontrl组件四、用户输入的时候需要对表单项中进行各种验证或者逻辑五、表单输入完成获取表单中的值六、...

• 2022-12-31

38浏览

0评论

vue中post请求报400的解决方案

目录vue post请求报400vue 异步请求问题1. get 请求方式2. post 请求方式3. axios 全局设置4. 请求代理vue post请求报4001、为默认数据格式为json,发请求时参数报错通过以...

• 2022-12-31

42浏览

0评论

VScode更新后安装vetur仍无法格式化vue文件的解决

目录VScode更新后安装vetur仍无法格式化vue文件vscode 无法格式化 .vue文件和js格式化错误一句搞定VScode更新后安装vetur仍无法格式化vue文件1.删除 C:\Users\Administrato...

• 2022-12-31

46浏览

0评论

vue background-image 不显示问题的解决

目录vue background-image 不显示vue background-image问题解决方案vue background-image 不显示1、不能放到assets中 。static文件在src目录下。也可以将文件放到public2、...

• 2022-12-31

52浏览

0评论

vue如何通过router-link或者button跳转到一个新的页面

目录通过router-link或者button跳转到一个新的页面vue跳转到一个新的页面的多种方法1、router-link路由2、button按钮 3、a链接通过router-link或者button跳转到一个新的页...

• 2022-12-31

27浏览

0评论

Vue3根据动态字段绑定v-model的操作代码

目录VUE动态绑定v-model变量（ui框架iview）需求UI框架使用的是iview遇到的问题以及解决因业务需要用到低代码，v-model绑定的是随机生成的<template> <input type="text" v-mo...

• 2022-12-31

89浏览

0评论

如何在vite里获取env环境变量浅析

目录.env环境配置文件在cli项目中我们可以是配置.env.[mode]文件来配置环境变量在cli项目中使用.env.[mode]在vite中使用.env文件总结.env环境配置文件在项目中总会遇到一些...

• 2022-12-31

42浏览

0评论

vue  composition-api 封装组合式函数的操作方法

目录介绍最佳实践1. options对象化2. 动态返回3. 灵活地使用ref4. 异步变同步5. 简单的状态管理参考资料介绍在 Vue 应用的概念中，“组合式函数”(Composables) 是...

• 2022-12-31

52浏览

0评论

vue项目引入svg图标的完整步骤

目录1. 安装svg依赖2. 创建svg文件夹存放svg图标3. vue.config.js 中配置svg图片4. 创建index.js 导入所有svg图标5. main.js中引入icons/index.js6. 创建SvgIcon公用组件总...

• 2022-12-31

37浏览

0评论

Vue项目中安装使用axios全过程

目录Vue安装使用axios一、安装二、引入三、使用vue开发使用axios的时候报错Cannot set property “axios” of undefinedVue安装使用axios一、安装在控制台输入np...

• 2022-12-31

35浏览

0评论

Vue enter回车导致页面刷新问题及解决

目录Vue enter回车导致页面刷新解决方法Vue按下enter默认刷新页面bugVue enter回车导致页面刷新分页中需要 输入页码进行跳转，但是却出现 跳到指定页面后，页面也刷新了。从而...

• 2022-12-31

49浏览

0评论

关于electron-vue打包后运行白屏的解决方案

目录electron-vue打包后运行白屏的解决electron-vue打包之后只有空白页问题原因electron-vue打包后运行白屏的解决找到.electron-vue文件夹中的webpack.renderer.config.js...

• 2022-12-31

42浏览

0评论

解决el-date-picker日期选择控件少一天的问题

目录选择的日期和存入的日期差一天的原因解决方法vue时间控件中获取时间少一天的问题汇总选择的日期和存入的日期差一天的原因这个是由于element-ui中时间控件的默认时间为...

• 2022-12-31

59浏览

0评论

element ui富文本编辑器的使用效果与步骤(quill-editor)

目录效果展示：（可以上传图片及其视频）第一步、首先安装富文本编辑器插件第二步、然后在main.js文件中,全局注册第三步、在vue界面中使用quill-editor第四步：配置video.js（要有上...

• 2022-12-31

37浏览

0评论

Vue FileManagerPlugin 报错问题及解决

目录Vue FileManagerPlugin 报错项目场景问题描述 原因分析解决方案Vue配置filemanager-webpack-plugin报错正确配置方式Vue FileManagerPlugin 报错项目场景vue build时想...

• 2022-12-31

41浏览

0评论

Vue如何实现多页面配置以及打包方式

目录为什么会用多页面如何在vue.config.js配置多页面信息目录（四个页面）配置打包相关配置多页面相关总结为什么会用多页面在开发时，对于同一类型的多网站，多页面大大节省开发时...

• 2022-12-31

45浏览

0评论

前端axios取消请求总结详解

目录应用场景如何取消请求项目中用法示例批量取消请求切换路由时，取消请求取消请求的实现原理应用场景取消请求在前端有时候会用到，以下是两个工作中可能会用到的场景tab切换...

• 2022-12-31

34浏览

0评论

vue二次封装一个高频可复用组件的全过程

目录前言继承原有组件接口v-model插槽组件更抽象总结前言在我们的业务里，我们通常会二次封装一些高频业务组件，比如弹框，抽屉，表单等这些业务组件，为什么要二次封装？我们所有人心...

• 2022-12-31

51浏览

0评论

Vue Echarts实现实时大屏动态数据显示

目录前言一、vue配置二、适配方案三、Echarts四、实时更新前言因为是国企线上应用的活动大屏，我就不附图了。代码仅供参考。一、vue配置1. 我是用vue-cli 搭建的，大屏项目复杂...

• 2022-12-31