90浏览

0评论

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

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

• 2022-12-31

79浏览

0评论

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

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

• 2022-12-31

91浏览

0评论

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

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

• 2022-12-31

94浏览

0评论

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

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

• 2022-12-31

63浏览

0评论

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

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

• 2022-12-31

137浏览

0评论

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

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

• 2022-12-31

83浏览

0评论

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

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

• 2022-12-31

97浏览

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

73浏览

0评论

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

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

• 2022-12-31

83浏览

0评论

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

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

• 2022-12-31

83浏览

0评论

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

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

• 2022-12-31

92浏览

0评论

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

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

• 2022-12-31

109浏览

0评论

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

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

• 2022-12-31

71浏览

0评论

Vue FileManagerPlugin 报错问题及解决

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

• 2022-12-31

81浏览

0评论

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

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

• 2022-12-31

101浏览

0评论

前端axios取消请求总结详解

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

• 2022-12-31

75浏览

0评论

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

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

• 2022-12-31

87浏览

0评论

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

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

• 2022-12-31

67浏览

0评论

关于delete和Vue.delete的区别及说明

目录delete和Vue.delete的区别vue vue.set vue.delete具体用法vue.set是vue原生的APIvue.delete是vue原生的APIdelete和Vue.delete的区别delete和和Vue.delete都是对数组或...

• 2022-12-31

102浏览

0评论

Vue中如何处理token过期问题

目录解决方案方案一方案二方案三：封装axios基本结构1、token是存在localStorage中2、问题和优化3、完整版后端为了安全，token一般存在有效时间，当token过期，所有请求失效解决方...

• 2022-12-31

71浏览

0评论

Vue中的事件绑定与解绑方式

目录事件绑定基础知识使用场景注意事项v-on 绑定事件语法实例$ref绑定事件语法实例事件解绑语法实例 总结事件绑定基础知识使用场景子组件==>父组件传数据在父组件中给子组...

• 2022-12-31

82浏览

0评论

Vue组件上使用v-model之单选框

先给大家介绍下Vue组件上使用v-model之单选框的实例代码。子组件内容：<template> <div> <input type="radio" :id="valueName" :value="valueName"...

• 2022-12-31

83浏览

0评论

vue+axios methods方法return取不到值问题及解决

目录vue+axios methods方法return取不到值原因解决方法vue返回axios的return值，很容易undefined获取axios的return值vue+axios methods方法return取不到值vue写了一个判断电...

• 2022-12-31

85浏览

0评论

vue 如何获取视频第一帧

目录vue获取视频第一帧vue视频截取第一帧图片-组件Video to Image组件文件vue获取视频第一帧findvideocover() { let size = 160 // 获取video节点 co...

• 2022-12-31

102浏览

0评论

vite vue3 规范化与Git Hooks详解

目录1 规范化2 git 提交规范2.1 Angular 规范2.2 Commitizen3 git hooks3.1 什么是 git hooks3.2 commitlint 和 husky3.3 pre-commit 和 commit-msg 钩子3.4 测试发展不断...

• 2022-12-31

142浏览

0评论

Vue动态组件表格的实现代码

目录Vue组件数据源框架结构组件这里我自己封装了几个组件按钮组件图片组件滑动开关tap组件text组件Vue组件数据源//这里是HTML内容 这里通过下面的引入框架结构把数据源传到...

• 2022-12-31

83浏览

0评论

vue中的总线机制(EventBus)解析

目录一、EventBus的简介二、使用方法第一步：2种方式初始化第二步：发送事件第三步：接受事件第四步：移除事件三、全局EventBus1、注册，在main.js中2、在组件中使用 四、EventBus的...

• 2022-12-31

82浏览

0评论

vue中可以绑定多个事件吗

目录vue可以绑定多个事件吗第一种第二种vue事件绑定的原理1.1 原生 dom 的绑定1.2 组件中绑定事件1.3 $on 是怎么实现的vue可以绑定多个事件吗标签绑定一个事件处理函数，然后...

• 2022-12-31

357浏览

0评论

几分钟弄懂Vuex的五大属性和使用方式

目录一、Vuex是什么？二、我们什么时候应该用到Vuex呢？三、对于使用Vuex的理解是什么？四、vuex由五部分组成(五种状态/五种属性)五、安装配置六、详解五种状态1、state2、mutati...

• 2022-12-31

199浏览

0评论

Vue如何整合mavon-editor编辑器(markdown编辑和预览)

目录简介说明官网网址使用编辑功能代码使用预览功能结果展示简介说明本文介绍Vue如何使用markdown编辑器。mavon-editor是目前比较主流的markdown编辑器，本文介绍它的使用方...

• 2022-12-31

82浏览

0评论

element ui循环调用this.$alert 消息提示只显示最后一个

目录需求背景问题分析MessageBox 类的实现查看 showNextMsg 方法的实现DEMO演示需求背景有一个需求，使用element-ui 中的$alert 方法提示 用户几条信息，不能一次性提示。仅能...

• 2022-12-31

87浏览

0评论

Vue如何给组件添加点击事件 @click.native

目录给组件添加点击事件 @click.native问题结论vue中@click.native使用@click.native是给组件绑定原生事件给组件添加点击事件 @click.native问题毕设项目中有个产品展示列...

• 2022-12-31

86浏览

0评论

关于@click.native中 .native 的含义与使用方式

目录vue的@click.native问题@click.native.preventvue的@click.native问题.native--侦听组件根元素上的原生事件作用： 给组件绑定原生事件@click是我们在vue开发中经常用到的...

• 2022-12-31

77浏览

0评论

Vue+Element-ui弹窗 this.$alert is not a function问题

目录Vue Element-ui弹窗 this.$alert is not a function使用问题解决办法Vue element-ui 弹窗使用遇到的问题解决代码如下Vue Element-ui弹窗 this.$alert is not a functio...

• 2022-12-31

354浏览

0评论

vue3+vite引入插件unplugin-auto-import的方法

自动引入 composition api，不需要再手动引入。
github地址：https://github.com/antfu/unplugin-auto-import下载npm i unplugin-auto-import -D修改vite.config.ts文件import...

• 2022-12-31

86浏览

0评论

vue-cli3中如何打包成zip压缩文件

目录vue-cli3打包成zip压缩文件如何实现？思考vue-cli3打包优化vue-cli3打包成zip压缩文件目前在我司，采用前后分离的方式开发，这就会面临一个问题。那就是部署到服务器时如何部...

• 2022-12-31

82浏览

0评论

一文带你简单理解Vue的data为何只能是函数

目录前言1.Vue3中的data2.vue中的data3.证明data是函数以及原理实现4.如果data必须是一个对象呢？总结前言在学习vue的时候vue2只有在组件中严格要求data必须是一个函数，而在普...

• 2022-12-31

83浏览

0评论

前端token中4个存储位置的优缺点说明

目录一、token是什么 二、token一般存放在哪里？1、localStorage2、sessionStorage3、存储在cookie 中4、Vuex三、token基本流程一、token是什么 Token: 访问资源的凭证。一般...

• 2022-12-31

295浏览

0评论

vue框架和react框架的区别以及各自的应用场景使用

目录一、框架简介二、相同点三、区别四、适用场景使用Vue的场景使用React的场景五、总结Vue的优势包括React的优势包括一、框架简介React主张是函数式编程的理念， 实现了前端...

• 2022-12-31

221浏览

0评论

完美解决element-ui的el-input设置number类型后的相关问题

element-ui的el-input， 设置type="number"后，后边会多一个上下箭头，并且在中文输入法输入数据的时候，光标上移！！ 前端的强迫症啊 （凭啥你这输入框和别人的不一样， 凭啥你光标就上移...

• 2022-12-31

152浏览

0评论

vue3如何使用vant-picker封装省市二级联动

目录首先，项目中引入vant-ui子组件代码PickerArea父组件代码怕什么真理无穷，进一步有进一步的欢喜呀，不得不承认的就是，兴趣和擅长是一个良性迭代的循环啊，你擅长某件事情，就会越...

• 2022-12-31

64浏览

0评论

vue如何给组件动态绑定不同的事件

目录vue给组件动态绑定不同的事件场景vue组件绑定事件无效下面提供两者方法，可以任选其一vue给组件动态绑定不同的事件场景根据用户配置的事件动态绑定。也就是用户可以动态...

• 2022-12-31

74浏览

0评论

vue中关于click.stop的用法

目录关于click.stop的用法@click.stop与@click.prevent一、@click.stop二、@click.prevent关于click.stop的用法click.stop 阻止点击事件继续传播场景：在table中使用，点击当前...

• 2022-12-31

89浏览

0评论

可控制缓存销毁的 keepAlive 组件实现详解

目录简介思路在 Routes 中添加 keepAlive 缓存标识创建 app-router-view 组件router-view 中的 v-slot标签里的 :is实现手动清除页面缓存定义组件名的方法配置好路由 name...

• 2022-12-31

87浏览

0评论

Vue项目打包(build)时,自动打以时间命名的压缩包方式

目录Vue-Cli 3.0+项目配置build压缩包Vue-Cli 2.0 项目配置build压缩包其他在打包发布Vue前端项目时，每次都需要手动压缩dist文件夹，然后以时间命名，然后部署到web容器中，过程比...

• 2022-12-31

93浏览

0评论

vue3 element的Form表单用法实例

目录引言设计目标配置化参数简单自由度实现过程表单项的格式设计v-bind的妙用computed的妙用：实现v-modeluseAttrs的妙用表单验证上传文件代码总结到底应不应该使用json需不...

• 2022-12-31

74浏览

0评论

Vue组件封装之input输入框实战记录

目录实战目的实战效果核心思想一 格式规范二 给父组件传递value值三 错误提示四 格式检验五 多个input框的检验写在最后实战目的封装一个自定义的input组件,只适用于 input...

• 2022-12-31

348浏览

0评论

vue3获取当前路由地址的两种方法

目录方法一：方式二：window.location 可以直接获取当前窗口的路径总结方法一：// router的 path: "/user/:uid"<template> <div>user</div> <p>uid: {{ uid }}</p></template>...

• 2022-12-31

83浏览

0评论

Vue获取DOM的几种方法总结

目录Vue获取DOM的方法1、使用DOM API直接找元素2、refs3、使用自定义指令vue3.0获取虚拟dom方法Vue获取DOM的方法Vue实现了MVVM模型，将数据和表现进行了分离，我们只需要更新数...

• 2022-12-31

86浏览

0评论

vue中如何实现复制内容到剪切板详解

目录1. element-ui的el-table实现双击复制单元格的内容到剪切板1. 在el-table中添加双击响应事件2. 在methods中添加双击绑定的copyText方法2. 单击copy图标复制对应的内容...

• 2022-12-31