98浏览

0评论

Vue插槽的作用

目录1. 默认插槽2. 具名插槽3. 作用域插槽1. 默认插槽概述：当子组件模板只有一个没有属性的插槽时，父组件传入的整个内容片段将插入到插槽所在的 DOM 位置，并替换掉插槽标签本...

• 2022-12-31

192浏览

0评论

validate 注册页的表单数据校验实现详解

目录1.注册页是什么2.为什么需要注册页3.注册页如何实现3.1分析业务需求3.2获取数据 v-model双向绑定3.3校验数据3.4method中的发送数据3.5处理数据4总结1.注册页是什么当我...

• 2022-12-31

77浏览

0评论

vue学习记录之动态组件浅析

目录动态组件补充：动态调用组件示例总结动态组件释义：运行时在组件之间动态切换的方法。可以将多个条件组件（使用 v-if、v-else-if、v-else 切换的组件）简化为一行代码看个例子...

• 2022-12-31

64浏览

0评论

vue3 自定义指令控制按钮权限的操作代码

经过1个周的摸索和查阅资料，终于搞定VUE3中自定义指令，实现按钮级别的权限控制。当然，只是简单的对按钮进行隐藏和删除的dom操作比较容易，一直纠结的是当按钮无权限时，不是直接删...

• 2022-12-31

71浏览

0评论

关于el-table-column的formatter的使用及说明

目录el-table-column的formatter的使用el-table的formatter属性用法formatter是什么？详细使用el-table-column的formatter的使用当后端返回来的数据格式需要再去处理；可以使用...

• 2022-12-31

48浏览

0评论

Monaco-editor 的 JSON Schema 配置及使用介绍

目录JSON Schema 作用用法JSON Schema Core Vocabulary$schema$id$ref$dynamicRef$anchor / $dynamicAnchor$defs关键字typetitle & descriptiondefaultexamplesdeprecatedr...

• 2022-12-31

71浏览

0评论

解决router.beforeEach()动态加载路由出现死循环问题

目录router.beforeEach()动态加载路由出现死循环1、router.beforeEach( to , from ,next) 介绍2、两种死循环问题vue动态加载路由进入页面白屏或beforeEach死循环踩坑router...

• 2022-12-31

104浏览

0评论

gulp模块使用方法示例详解

目录正文使用gulp.task 建立任务任务的名称任务的回调函数html任务html文件中的代码压缩操作抽取html文件的公共代码css任务less语法转换抽取html文件中的公共代码js任务es6...

• 2022-12-31

36浏览

0评论

Vue2 与 Vue3 的数据绑定原理及实现

目录介绍Object.definePropertyProxy介绍数据绑定是一种把用户界面元素（控件）的属性绑定到特定对象上面并使其同步的机制，使开发人员免于编写同步视图模型和视图的逻辑。观察者...

• 2022-12-31

44浏览

0评论

JavaScript获取echart曲线上任意点位的值详解

目录需求背景需求调研实现步骤需求背景智慧农业里有一个很重要的功能是控制温室生长环境，让农作物生长的更好。于是，我们需要在曲线上根据不同农作物设置不同的环境数据。为了...

• 2022-12-31

49浏览

0评论

Vue中构造数组数据之map和forEach方法实现

目录一、手写实现二、二者区别三、使用场景数组操作是前端最重要的数据操作，构造数组数据，又是数组操作中很常见的。本文将梳理下map和forEach方法在Vue项目中的使用。想要深...

• 2022-12-31

53浏览

0评论

Vue路由参数的传递与获取方式详细介绍

目录前言1. 通过动态路由参数传递2. 通过query字符串传递3. props 隐式传递前言vue 页面路由切换时传参的方式有如下几种：动态路由参数它隐藏字段信息，相对于来说较安全，同时地...

• 2022-12-31

44浏览

0评论

vue+threejs写物体动画之物体缩放动画效果

目录写在前面代码说明写在最后写在前面本文用vue+threejs写物体动画：物体缩放动画。实现原理：让缩放值根据秒数的增加呈函数式变化，以达到动画展示的效果。下面是演示gif：代码说...

• 2022-12-31

43浏览

0评论

Fragment 占位组件不生成标签与路由组件lazyLoad案例

目录使用作用案例路由组件的lazyLoad案例使用Fragment表示占位组件 并不会生成一个标签 帮助解决了报错问题 其他什么都不会生成<Fragment><Fragment><></>两者的区别是 Fra...

• 2022-12-31

294浏览

0评论

Vue指令实现大屏元素分辨率适配详解

目录前言1. 常见的适配方案2. CSS3 缩放方案3. 封装一个缩放指令4. 后记前言随着前端技术的不断发展、数据中心（中台）之类的概念的不断升级、物联网设备的更新和普及，越来越多...

• 2022-12-31

216浏览

0评论

ant-design-vue导航菜单a-menu的使用解读

目录一、效果二、关键的API三、注意事项四、代码此文章包含了递归生成三级菜单，刷新状态保留，只展开一个父级菜单等常见问题。一、效果可以看到递归生成三级菜单，刷新状态保留，...

• 2022-12-31

318浏览

0评论

vue中的路由跳转tabBar图片和文字的高亮效果

目录前言定义基本的组件文字高亮效果完整代码前言在pc端和移动端的项目里面会遇见导航栏或者tabBar的点击跳转，图片和文字的高亮效果，对于小程序来说可以直接创建和修改图片和...

• 2022-12-31

47浏览

0评论

vue 鼠标移入移出(hover)切换显示图片问题

目录鼠标移入移出(hover)切换显示图片css实现js实现vue鼠标移入移出事件注意事项发生冒泡事件一、解决方法二、定义三、两对鼠标事件的区别鼠标移入移出(hover)切换显示图片...

• 2022-12-31

36浏览

0评论

vue项目实例中用query传参如何实现跳转效果

目录用query传参实现跳转效果传值页面接收参数页面vue使用query传参，解决跳转回退无参数渲染页面，无内容的方法（不需使用缓存的技术）简说params和query的区别用query传参实现跳...

• 2022-12-31

33浏览

0评论

Vue组合式API--setup中定义响应式数据的示例详解

目录一、Options API(选项式API)的弊端1.1 什么是选项式API1.2 选项式API的弊端二、Composition API(组合式API)概述2.1 Composition API的作用2.2 Composition API的编码位...

• 2022-12-31

55浏览

0评论

Vue路由自动添加#的问题及解决

目录Vue路由自动添加#Vue路由去除 链接 / 前面的 #Vue路由自动添加#在使用VueRouter时，配置了几个路由规则尝试在浏览器中输入路由地址（/order,/person等）来测试Vue组件是否跳...

• 2022-12-31

38浏览

0评论

vue中使用hover选择器无效的问题

目录使用hover选择器无效vue的hover鼠标悬停hover事件使用hover选择器无效开头点题，先说结论，父组件z-index为负，鼠标根本无法位于组件上。心情复杂，特地来给兄弟们讲个笑话，开心...

• 2022-12-31

340浏览

0评论

vue鼠标hover(悬停)改变background-color移入变色问题

目录鼠标 hover（悬停）改变 background-color鼠标悬停更换图片/文字内容，动态展示/修改某些属性鼠标 hover（悬停）改变 background-color<div id="demo">   <div @mouseenter="mo...

• 2022-12-31

46浏览

0评论

关于antd-vue a-menu菜单绑定路由的相关问题

目录1. 问题描述2. 解决方法3. 代码tips: 路由绑定、菜单跳转、网页后退高亮显示1. 问题描述使用antd-vue 的 a-layout布局和a-menu菜单做一个侧边栏菜单，加入vuex配置侧边栏...

• 2022-12-31

260浏览

0评论

Vue项目使用Websocket大文件FileReader()切片上传实例

目录使用技术 upfile.js文件新增需求：对上传文件流进行加密，并传给后端做验证还是在upfile.js文件（也可以单独放一个文件）大文件上传，本地1.3G文件不到一分钟上传完毕使用技术 Vu...

• 2022-12-31

44浏览

0评论

element upload 钩子函数的坑及解决

目录element upload 钩子函数的坑element-ui中组件函数钩子自带参数,不能添加参数问题element upload 钩子函数的坑因为需求需要我将element 的upload组件放在了el-dialog中...

• 2022-12-31

44浏览

0评论

vue中动态添加style样式的几种写法总结

目录vue动态添加style样式总结对象数组三目运算符多重值(浏览器会根据运行支持情况进行选择)绑定data对象vue3的style样式的特性scoped 属性在 scoped 内部，写全局的样式通过...

• 2022-12-31

162浏览

0评论

vue 实现手动分割日期

目录vue手动分割日期例如vue项目实用方法:分割时间成想要的格式vue手动分割日期例如接口返回日期为20220201，要分割为2022年02月01日代码：<span style="margin-right: 10px;fo...

• 2022-12-31

46浏览

0评论

vue3+springboot部署到Windows服务器的详细步骤

目录前言一、准备工作二、使用步骤1.vue部署2.mysql部署3.配置Nginx4.后端部署总结前言提示：这里可以添加本文要记录的大概内容：参考网上将项目部署到服务器，这里只介绍简单部...

• 2022-12-31

330浏览

0评论

vue路由划分模块并自动引入方式

目录路由划分模块并自动引入创建路由文件vue-router模块划分问题路由整体结构1、区分线上和开发环境---config2、通用路由---common.js3、业务模块---modules4、导出所有---...

• 2022-12-31

23浏览

0评论

使用vue-antd动态切换主题

目录vue-antd动态切换主题安装依赖Vue3.0 + Antd，修改antd主题色，配置全局cssvue-antd动态切换主题安装依赖1 webpack-theme-color-replacer: yarn add webpack-theme-color-r...

• 2022-12-31

58浏览

0评论

vue动态生成新表单并且添加验证校验规则方式

目录一、需求场景以及注意事项需求场景注意事项二、代码结构template中data中methods中的按钮事件，也就是触发渲染之前的事件三、ant-design中的校验规则a-form-modela-form-...

• 2022-12-31

217浏览

0评论

vue点击按钮实现让页面的某一个元素全屏展示

目录点击按钮让页面的某一个元素全屏展示先上效果图页面结构在页面加载时添加监听vue全屏和退出全屏调用事件页面全屏部分元素全屏退出全屏调用事件点击按钮让页面的某一个...

• 2022-12-31

52浏览

0评论

Vue中Mustache插值语法与v-bind指令详解

目录一、Mustache插值语法&thinsp;二、v-bind的绑定属性2.1.v-bind绑定基本属性2.2.v-bind绑定class&thinsp;2.3.v-bind绑定style2.4.v-bind绑定属性名2.5.v-bind直接绑定对...

• 2022-12-31

47浏览

0评论

关于ElementUI的el-upload组件二次封装的问题

目录ElementUI的el-upload组件二次封装问题组件使用el-upload组件封装后更好用了组件截图组件代码部分ElementUI的el-upload组件二次封装问题开发工作中我们都会遇到图片上...

• 2022-12-31

25浏览

0评论

解决vue项目路径不正确,自动跳转404的问题

目录vue项目路径不正确,自动跳转404第一种方法第二种vue路由判断跳转404页面vue项目路径不正确,自动跳转404第一种方法使用vuerouter钩子函数beforeEach，每次进行路由跳转时...

• 2022-12-31

334浏览

0评论

vue里面如何使用图片的懒加载

目录前言一、安装相关的包二、使用步骤1.引入2.使用三、关于包的相关构成1. 简单介绍2. 简单操作总结前言什么是懒加载通俗地讲就是需要用到图片的时候再去加载懒加载的好处...

• 2022-12-31

324浏览

0评论

Vue自定义部分页面显示导航栏功能

目录遇到的问题：解决方法：遇到的问题：最近在用Vue+elementUI开发一个网站的前端，网站的逻辑是没有账号的用户先注册，有账号的用户直接登录，登录后才能进入网站的主页。在设计导航...

• 2022-12-31

150浏览

0评论

vue 如何处理防止按钮重复点击问题

目录处理防止按钮重复点击vue防止重复执行点击事件方法一：在规定时间内将按钮禁用的方法方法二：用指令的方式实现，全局注册 处理防止按钮重复点击1.在button上绑定动态的disabl...

• 2022-12-31

158浏览

0评论

解决vue中reader.onload读取文件的异步问题

目录reader.onload读取文件的异步问题问题解决reader.onloadend异步返回结果问题reader.onload读取文件的异步问题问题用element上传文件组件上传文件，然后在前端读取，由于rea...

• 2022-12-31

32浏览

0评论

Vue-element-admin平台侧边栏收缩控制问题

目录Vue-element-admin平台侧边栏收缩控制修改vue-element-admin出现侧边栏与导航栏空白报错问题描述原因分析解决方案Vue-element-admin平台侧边栏收缩控制//找到store/mod...

• 2022-12-31

220浏览

0评论

Vue实现Hover功能(mouseover与mouseenter的区别及说明)

目录Vue实现Hover功能mouseover 和 mouseenter 的区别案例Vue hover的两个小技巧第一个小技巧：导航栏的hover效果，一直存在第二个小技巧：鼠标移入移出效果Vue实现Hover功能mous...

• 2022-12-31

159浏览

0评论

Vue获取DOM元素并修改属性的方法

Vue获取DOM元素Vue获取DOM元素有两种方法直接给相应的元素加id,然后再使用document.getElementById("id");获取使用ref,给相应的元素加ref=“name”然后再使用thi...

• 2022-12-31

50浏览

0评论

Vue简介、引入、命令式与声明式编程详解

目录一、初识Vue1.1.vue简介1.2.Vue引入方式1.3.计数器案例原生js和vue开发不同1.4.声明式编程和命令式编程总结一、初识Vue1.1.vue简介Vue 是一套用于构建用户界面的渐进式...

• 2022-12-31

157浏览

0评论

vue组件间通信全面讲解

目录前言组件介绍一、父传子1. 父组件通过 props 传递数据给子组件2. 定义props的类型和默认值二、子传父子组件通过 $emit 传递数据给父组件三、非父子组件间数据传递1.通...

• 2022-12-31

318浏览

0评论

vue访问未定义的路由时重定向404问题

目录vue访问未定义的路由时重定向404vue.js 重定向和404等等相关的问题？1. main.js文件2. app.vue文件3. home.vue文件4. notFound.vue文件vue访问未定义的路由时重定向404我...

• 2022-12-31

40浏览

0评论

在vue2.x里面简单使用socketio问题

目录前言服务端客户端使用介绍及流程前言首先来了解一下什么是socketio：使用流行的Web应用程序堆栈（如LAMP（PHP））编写聊天应用程序通常非常困难。它涉及轮询服务器以查找更改，跟踪...

• 2022-12-31

41浏览

0评论

用electron 打包发布集成vue2.0项目的操作过程

手里有个老项目是基于element admin框架下的，之前写的时候没考虑到要打包成桌面端，后期需要打包成客户端，然后就开始了一些列版本操作，看着百度了都很简单，把electron 加入到自己...

• 2022-12-31

53浏览

0评论

vue中的事件触发(emit)及监听(on)问题

目录vue事件触发(emit)及监听(on)每个 vue 实例都实现了事件接口案例vue emit事件无法触发问题vue事件触发(emit)及监听(on)每个 vue 实例都实现了事件接口1.使用 $on(event...

• 2022-12-31

275浏览

0评论

vue用vis插件如何实现网络拓扑图

目录vis插件实现网络拓扑图安装引入visvis使用示例vis官方文档vis.js网络拓扑图点击折叠节点和展开节点首先看一下效果图vis插件实现网络拓扑图安装引入vis1.npm安装visnpm...

• 2022-12-31