33浏览

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

52浏览

0评论

Vue中如何处理token过期问题

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

• 2022-12-31

34浏览

0评论

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

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

• 2022-12-31

44浏览

0评论

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

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

• 2022-12-31

45浏览

0评论

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

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

• 2022-12-31

46浏览

0评论

vue 如何获取视频第一帧

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

• 2022-12-31

61浏览

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

52浏览

0评论

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

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

• 2022-12-31

43浏览

0评论

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

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

• 2022-12-31

49浏览

0评论

vue中可以绑定多个事件吗

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

• 2022-12-31

299浏览

0评论

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

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

• 2022-12-31

164浏览

0评论

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

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

• 2022-12-31

43浏览

0评论

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

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

• 2022-12-31

48浏览

0评论

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

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

• 2022-12-31

52浏览

0评论

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

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

• 2022-12-31

41浏览

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

304浏览

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

56浏览

0评论

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

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

• 2022-12-31

42浏览

0评论

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

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

• 2022-12-31

34浏览

0评论

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

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

• 2022-12-31

239浏览

0评论

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

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

• 2022-12-31

189浏览

0评论

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

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

• 2022-12-31

90浏览

0评论

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

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

• 2022-12-31

33浏览

0评论

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

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

• 2022-12-31

33浏览

0评论

vue中关于click.stop的用法

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

• 2022-12-31

50浏览

0评论

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

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

• 2022-12-31

43浏览

0评论

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

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

• 2022-12-31

56浏览

0评论

vue3 element的Form表单用法实例

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

• 2022-12-31

40浏览

0评论

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

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

• 2022-12-31

296浏览

0评论

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

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

• 2022-12-31

46浏览

0评论

Vue获取DOM的几种方法总结

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

• 2022-12-31

50浏览

0评论

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

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

• 2022-12-31

42浏览

0评论

使用van-picker 动态设置当前选中项

目录van-picker 动态设置当前选中项van-picker 选择器空白问题van-picker 动态设置当前选中项使用vant-field和van-picker、van-popup组合实现单选类型表单时，通常我们需要pi...

• 2022-12-31

83浏览

0评论

ToB项目如何沉淀业务公共组件示例详解

目录背景公共组件与公共业务组件的区别为什么要沉淀公共业务组件样式参考如何沉淀一个公共业务组件对外暴露的事件总结背景我就职的这家公司主要是为国内的大中小型工业企业...

• 2022-12-31

40浏览

0评论

老生常谈Vue中的侦听器watch

目录一、侦听器watch1.1.初识侦听器watch1.2.Vue的data的watch1.3.Vue的watch侦听选项一、侦听器watch（思维导图不太完善，因为是按照自己看懂的方式记的，如有错误，还请指正）1.1....

• 2022-12-31

36浏览

0评论

vuex存储数据的几种方法实例详解

目录一、Vuex是什么1、Vuex的构成2、Vuex的使用二、本地存储1.存储数据2.取出数据3.清除数据总结一、Vuex是什么Vuex是专门为Vuejs应用程序设计的状态管理工具。它采用集中...

• 2022-12-31

41浏览

0评论

Vue中data传递函数、props接收函数及slot传参的使用及说明

目录1. data作为转换层2. props接收传递过来的函数并把处理结果传回父组件3. 父组件接收子组件传递回来的值1. data作为转换层1.1 如下图中的代码，data作为转换成，作用为把引...

• 2022-12-31

56浏览

0评论

运行npm run dev报错的原因及解决

目录项目场景：问题描述原因分析：解决方案：总结项目场景：提示：这里简述项目相关背景：例如：项目场景：导入Spring Boot+vue项目时，运行npm run dev报错问题描述提示：这里描述项目中遇到的...

• 2022-12-31

40浏览

0评论

Vue中watch监听第一次不触发、深度监听问题

目录watch监听第一次不触发、深度监听第一次不触发例如vue watch使用无效问题watch监听第一次不触发、深度监听第一次不触发handler：其值是一个回调函数。即监听到变化时应该...

• 2022-12-31

37浏览

0评论

vue 项目页面卡死原因排查分析

目录问题描述问题排查小结问题描述点击后台管理某一菜单发现直接卡死，没有其他报错信息，整个网页鼠标变为手指状态不能进行任何操作问题排查首先是通过注释代码发现问题是出在...

• 2022-12-31

35浏览

0评论

Vue3中使用vant的踩坑实战日记

目录前言一、下载vant二、下载插件三、配置插件四、简单使用五、我的解决方法总结前言我照着视频中老师教的方式去使用vant(和官网教程一样)，发现样式根本不起作用（想截个图来...

• 2022-12-31

43浏览

0评论

vue3使用element-plus中el-table组件报错关键字'emitsOptions'与'insertBefore'分析

最近用vue3在做一个项目的时候，使用了element-plus中的组件el-table，在本地运行的时候一点错误也没有，但是打包后放到线上环境就开始报错。TypeError: Cannot read properties...

• 2022-12-31

38浏览

0评论

关于vue混入(mixin)的解读

目录vue混入(mixin)的解读1.钩子函数2.普通方法合并3.局部混入4.全局混入vue中mixin混入注意事项vue混入(mixin)的解读混入(mixin)提供了一种非常灵活的方式，来分发vue组件中...

• 2022-12-31

45浏览

0评论

vant中list的使用以及首次加载触发两次解决问题

目录vant中list使用及首次加载触发两次首次加载触发两次解决问题vant中list列表组件使用1. 基础结构3.methods定义方法 4.调用api渲染页面vant中list使用及首次加载触发两次...

• 2022-12-31

36浏览

0评论

Vue选项之propsData传递数据方式

目录Vue选项propsData进行传递数据Vue.extend全局扩展的数据传递propsDataVue选项propsData进行传递数据使用全局扩展器时可以利用propsData传递数据先自定义header标签，利用...

• 2022-12-31

40浏览

0评论

vue中修改浏览器图标和名字的几种方式

目录前言1.修改图标样式01.使用图片02.使用图标2.修改浏览器名字设置01.直接修改02.根据后端的传值动态修改名字03.在vue中使用插件的方式04.路由守卫中进行修改总结前言vue...

• 2022-12-31

46浏览

0评论

vue 当中组件之间共享数据的实现方式

目录vue组件之间共享数据方式Vuex使用vuex统一管理状态的好处vuex 的基本使用vuex 中的主要核心概念stateMutationActionGettervue组件之间共享数据方式父向子传值：v-bind 属...

• 2022-12-31

52浏览

0评论

element-ui自定义表格如何给input双向绑定数据

目录问题描述先看一下，错误的代码实现的效果看一下官方的示例问题描述有个项目需求点击添加按钮添加一行，我采用的是自定义表格，刚开始写好之后，点击添加，可以实现，但是却发现输入...

• 2022-12-31

41浏览

0评论

vue如何动态设置class、动态设置style

目录vue动态设置class、stylevue动态添加样式 :style 和 :class:style如下:class如下 vue动态设置class、style//动态class对象<div :class="{ 'isActive': true, 'red': is...

• 2022-12-31

39浏览

0评论

vue 路由判断方式

目录vue 路由判断vue路由判断跳转404页面vue 路由判断解决的一个问题分享。我的需求是从特定的页面进入当前页面会执行一个定时器来增加阅读人数，当进入该页面15秒后浏览人数...

• 2022-12-31