99浏览

0评论

一文秒懂vue-property-decorator

目录我们来看下页面上代码展示:1.@Component(options:ComponentOptions = {})2.@Prop(options: (PropOptions | Constructor[] | Constructor) = {})3，@PropSync(propName: s...

• 2022-12-31

77浏览

0评论

vue 3.0 使用ref获取dom元素的示例

前言附上vue3.0文档：Vue3中文文档 - vuejsVue 2.x获取DOM<div ref="myRef"></div>this.$refs.myRefVue 3.0获取单个DOM<template> <div ref="myRef">获取单个DOM元素</div><...

• 2022-12-31

89浏览

0评论

Vue中transition标签的基本使用教程

目录transition 标签配合 animation配合 transitiontransition-group 标签动画库 animate.css总结transition 标签transition 标签：Vue 的内置动画标签作用：在 [插入] / [更新...

• 2022-12-31

79浏览

0评论

vue项目中安装less依赖的过程

目录vue安装less依赖一、安装less依赖二、修改webpack.base.conf.js文件vue中less知识点总结安装变量（Variables）混合（Mixins）嵌套（Nesting）运算（Operations）转义（Escaping）函数（Functi...

• 2022-12-31

235浏览

0评论

vue+vux vux安装出现错误问题及解决

目录搭建vux项目首先搭建vue项目安装vux最后启动项目 npm run dev || cnpm run devvux安装中遇到的坑搭建vux项目介绍：VUX是基于WeUI和Vue(2.x)开发的移动端UI组件库,基于web...

• 2022-12-31

93浏览

0评论

手写实现vue2下拉菜单dropdown组件实例

目录概述最终效果（动图没显示出来，请稍定会儿，可以先看后面）实现原理具体实现目录结构emitter.jsMyDropdown.vueMyDropdownMenu.vueMyDropdownItem.vue总结概述一般后台项目结合...

• 2022-12-31

72浏览

0评论

一款移动优先的Solid.js路由solid router stack使用详解

目录...

• 2022-12-31

102浏览

0评论

vue项目中页面底部出现白边及空白区域错误的问题

目录vue页面底部出现白边及空白区域错误问题页面底部出现白边底部出现空白区域vue页面四周有白边的问题vue页面底部出现白边及空白区域错误问题页面底部出现白边类似于这种...

• 2022-12-31

86浏览

0评论

vue中实现拖拽排序功能的详细教程

目录原生拖拽 API 实现拖拽设置元素 dragable拖放事件拖拽排序拖拽API + 防抖实现vue awe-dnd 拖拽组件安装 awe-dnd 组件库在 main.js 中将 awe 挂载到全局实现案例项目中-...

• 2022-12-31

86浏览

0评论

vue中$emit的用法详解

目录vue2.xvue3.x子组件父组件vue2.x1、父组件可以使用 props 把数据传给子组件。
2、子组件可以使用 $emit,让父组件监听到自定义事件 。vm.$emit( event, arg ) //触发当...

• 2022-12-31

88浏览

0评论

Vue.Draggable使用文档超详细总结

目录前言特性安装引入基础用法属性options配置项事件插槽HeaderFooter总结前言Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。关于Vue.Draggable详细信息可以查看g...

• 2022-12-31

93浏览

0评论

关于vite.config.ts文件的配置方式

目录vite.config.ts文件的配置1、alias配置别名2、关于path的引入vite项目在jenkins自动打包报错2种解决方案vite.config.ts文件的配置import { defineConfig } from 'vite'...

• 2022-12-31

86浏览

0评论

Vue keepAlive实现不同的路由共用一个组件component的缓存问题(推荐)

不同的路由共用一个组件component，并用keepAlive实现不同的页面缓存实现功能：使用列表页面检索的数据跳转到对应的详情页面，从详情页回到列表页能记住上次检索的数据，再次切换到...

• 2022-12-31

73浏览

0评论

Vue3响应式对象是如何实现的(1)

目录简单的响应式实现Proxy与响应式为什么需要Proxy？Proxy创建的代理对象与原始对象有何不同？多副作用函数的响应式实现简单的响应式实现为了方便说明，先来看一个简单的例子。c...

• 2022-12-31

103浏览

0评论

vue+echars封装气泡图的方法

本文实例为大家分享了vue+echars封装气泡图的具体代码，供大家参考，具体内容如下前端可视化封装气泡图1. html<template>  <div class="bubble-chart">    <div ref="bubble...

• 2022-12-31

395浏览

0评论

Vue前端框架搭建过程

目录一、安装 NodeJS二、安装 vue-cli三、创建项目一、安装 NodeJS见 Windows下安装NodeJS。二、安装 vue-cli1.vue-cli 2.x 升级到 3.x（1）卸载 2.x 版本npm uninstall -g vue...

• 2022-12-31

88浏览

0评论

vue3.0实现移动端电子签名组件

本文实例为大家分享了vue3.0实现移动端电子签名组件的具体代码，供大家参考，具体内容如下因业务需求，前段时间写了一个电子签名组件，在这里记录一下，绘图需求，首先肯定需要使用canv...

• 2022-12-31

108浏览

0评论

关于Element table组件滚动条不显示的踩坑记录

目录踩坑详情在多table切换的单个页面内处理办法踩坑详情在多table切换的单个页面内1、某些table的横向滚动条不自动显示，在手动调整窗体大小或者进行缩放操作时会恢复正常。...

• 2022-12-31

187浏览

0评论

Vue动态组件与内置组件浅析讲解

目录一、动态组件二、内置组件一、动态组件在vue中，有很多的组件可以挂载同一个挂载点上面，要在同一个挂载的点上的多个组件之间可以实现动态的切换渲染，我们可以通过内置组件c...

• 2022-12-31

86浏览

0评论

Vue组件之间的通信方式详细讲解

目录前言一、父级传数据给子级1、传输固定的具体数据2、动态语法3、子组件调用父组件二、子级传数据给父级1、使用自定义事件2、$refs的使用3、同级别组价以及任意组件之间...

• 2022-12-31

84浏览

0评论

vue实现打卡功能

本文实例为大家分享了vue实现打卡功能的具体代码，供大家参考，具体内容如下记录使用vue实现移动端日历打卡样式template
compareToNow：与当前时间比较
-1：小于当前时间
0：今天
1：大...

• 2022-12-31

290浏览

0评论

vue实现气泡运动撞击效果

本文实例为大家分享了vue实现气泡运动撞击效果的具体代码，供大家参考，具体内容如下封装组件<template>  <ul id="main">    <li v-for="(item, index) in circleData" :key...

• 2022-12-31

191浏览

0评论

vue自定义气泡弹窗

本文实例为大家分享了vue自定义气泡弹窗的具体代码，供大家参考，具体内容如下src/components/myComponents/pop/pop.vue<template>    <div class="tips animation" :class="...

• 2022-12-31

224浏览

0评论

使用Vue实现简单日历效果

使用Vue实现简单的日历，供大家参考，具体内容如下原理分析：1.获取当前时间
2.显示当前时间
3.点击增加和减少月份
4.大月和小月的天数效果演示初始样式（显示现在的日期时间）增加一...

• 2022-12-31

126浏览

0评论

Vue transition过渡组件详解

目录一、vue里面的transition组件二、transition组件应用CSS过渡（1）单元数/组件过渡（2）多个元素过渡（3）多个组件过渡（4）列表过渡三、JavaScript钩子一、vue里面的transition组件Vue...

• 2022-12-31

141浏览

0评论

vue实现签到日历效果

本文实例为大家分享了vue实现签到日历效果的具体代码，供大家参考，具体内容如下先看看我们的效果图：一、页面部分：<template>  <div class="test-page">    <div class="top">...

• 2022-12-31

342浏览

0评论

vue3中的透传attributes教程示例详解

目录引言绑定样式对象数组透传的attributes透传 attributes 之样式绑定透传 attributes 之事件绑定特殊1：组件嵌套特殊2：禁用透传attributes特殊3：在 javascript 中访问透传的a...

• 2022-12-31

68浏览

0评论

Vue组件层级关系详细分析

目录前言一、全局组件的层级关系二、局部组件的层级关系前言在这之前，我们已经了解到了vue的组件有哪一些以及这些组件有什么作用，关于组件的博客，大家可以看本博主的往期文章：...

• 2022-12-31

303浏览

0评论

vue3.0实现考勤日历组件使用详解

本文实例为大家分享了vue3.0实现考勤日历组件使用的具体代码，供大家参考，具体内容如下自定义日历组件，首先我们要明确需求与面板展示内容1、周日~周六。
2、当前月日历1~（28/29/...

• 2022-12-31

188浏览

0评论

基于Vue实现手势签名

本文实例为大家分享了基于Vue实现手势签名的具体代码，供大家参考，具体内容如下废话不多说，直接上效果图&源码代码如下1. template<template>  <main class="hand-sign-page">...

• 2022-12-31

66浏览

0评论

Vue3编写气泡对话框组件

Vue3气泡对话框组件，使用 TypeScript枚举限定类型，样式用到了 TailwindCSS组件代码<template>  <div class="mt-5 mb-5 p-2 bg-white border-solid border-gray-300 border-l...

• 2022-12-31

245浏览

0评论

Vue实现数字时钟效果

用Vue写了一个简单的时间钟，供大家参考，具体内容如下此时钟内容包括年月日及星期和时分秒。功能分析：1.年份，日期，时间的显示
2.动态的变化
3.获取本地时间方法效果图演示代码演...

• 2022-12-31

213浏览

0评论

Vue+Vux实现登录功能

一、准备工作请参照 Vue前端框架搭建 使用模板创建框架。二、创建登录页1.main.js 中引入全局 ToastPlugin、LoadingPlugin 插件import { ToastPlugin, LoadingPlugin } fr...

• 2022-12-31

75浏览

0评论

Vue登录功能的实现流程详解

目录Vue项目中实现登录大致思路安装插件创建store封装axiosqs vue 插件api.js的作用路由拦截登录页面实际使用Vue项目中实现登录大致思路1、第一次登录的时候，前端调后端的登...

• 2022-12-31

182浏览

0评论

Vue快速理解事件绑定是什么

目录一、监听事件二、事件修饰符1、stop修饰符阻止事件冒泡2、capture修饰符3、self修饰符4、prevent修饰符5、键盘事件修饰符6、鼠标事件修饰符一、监听事件监听事件一般使...

• 2022-12-31

240浏览

0评论

Vue extends 属性的用法示例详解

目录引言App.vueSon.vueHelloWorld.vue小结引言最近在看抖音——《小山与 bug》，看到一个很神奇的 Vue 继承组件的方法，后来专门去翻了 element 和 iview 的源码，发...

• 2022-12-31

193浏览

0评论

vue shallowRef作用及引发问题详解

目录shallowRef是什么发现问题triggerRefValue与triggerRef解决问题endshallowRef是什么最近在开发遇到一个问题，使用shallowRef居然导致视图更新了，这一看把我也给搞懵了，后来...

• 2022-12-31

234浏览

0评论

Vite配置优雅的code spliiting代码分割详解

目录Vite如何配置分割代码1.什么是代码分割/code spliiting2.Vite 中 rollup code spliiting分割默认方法原理（1）按照动态导入语句分割打包测试。（2）按照资源导入入口点分割打包...

• 2022-12-31

79浏览

0评论

Vue数据双向绑定的实现方式讲解

目录前言一、input和textarea二、radio和CheckBox三、select四、双向绑定的修饰符前言在web开发应用中，很多项目都会用到表格一列的组件进行数据的传输、获取和提交，在开发使...

• 2022-12-31

74浏览

0评论

vue实现电子时钟效果

本文实例为大家分享了vue实现电子时钟的具体代码，供大家参考，具体内容如下html<div class="dateBox">      <div class="time">{{ time }}</div>      <div class="date...

• 2022-12-31

63浏览

0评论

Vue3响应式对象是如何实现的(2)

目录前言分支切换的优化副作用函数嵌套产生的BUG自增/自减操作产生的BUG前言在Vue3响应式对象是如何实现的(1)中，我们已经从功能上实现了一个响应式对象。如果仅仅满足于功能...

• 2022-12-31

88浏览

0评论

图文详解Element-UI中自定义修改el-table样式

目录前言1、修改th(头部)的background-color2、修改表头字体颜色3、修改tr(行)的background-color4、修改tr(行内线)的background-color5、修改斑马线的background-color(奇...

• 2022-12-31

89浏览

0评论

element ui提交表单返回成功后自动清空表单的值的实现代码

在实际开发中，新增弹窗的form表单中输入内容后，新增成功后应该把form表单清空，不然下次再进入新增弹窗时，会有上次新增完的内容方法一：form表单项少的话可以选择手动删除：this.log...

• 2022-12-31

185浏览

0评论

推荐一款简易的solid js消息UI库使用详解

目录...

• 2022-12-31

82浏览

0评论

基于element日历组件实现签卡记录

本文实例为大家分享了基于element日历组件实现签卡记录的具体代码，供大家参考，具体内容如下使用element日历组件为基础，实现可以查看每天签卡记录<template>  <div class="n-c...

• 2022-12-31

91浏览

0评论

VUE组件简明讲解

目录前言一、全局组件1、定义2、全局组件调用二、局部组件1、定义2、局部组件调用前言为什么vue就开始在前几年就流行并且实用起来了？这主要的是因为由于vue的一个最强大的功...

• 2022-12-31

87浏览

0评论

Vue常用实例方法示例梳理分析

目录前言vue实例方法和实例数据1、vm.$set2、vm.$delete3、vm.$watch实例方法和事件1、vm.$on2、vm.$emit3、vm.$once4、vm.$off实例方法和生命周期1、vm.$mount2、vm.$dest...

• 2022-12-31

86浏览

0评论

Vue注册模块与登录状态的持久化实现方法详解

目录整体框架1. 前端页面授权2. 实现注册页面3. 实现登录状态的持久化优化前端整体框架1. 前端页面授权当我们登录网站的时候，如果没有登录，强制让用户重定向到 登录界面在 ro...

• 2022-12-31

83浏览

0评论

vue实现拖拽排序效果

本文实例为大家分享了vue实现拖拽排序效果的具体代码，供大家参考，具体内容如下效果预览组件 drag.vue<template>  <TransitionGroup name="group-list" tag="ul">    <li ...

• 2022-12-31

94浏览

0评论

Vue import from省略后缀/加载文件夹的方法/实例详解

目录简介省略后缀说明官网网址详解文件名相同的处理流程加载文件夹简介说明详解实例1. 路由配置中导入layout文件夹2.layout/index.vue引入目录3.components/index.js引入各...

• 2022-12-31