vue
捕风的紫色鸢尾
这个作者很懒,什么都没留下…
展开
-
使用vue3.0实现考勤日历组件
自定义日历组件,首先我们要明确需求与面板展示内容周日~周六。 当前月日历1~(28/29/30/31),当前月1号如果不是周日,需要上月最后日历补全,当月最后一天不是周六需要下月开始日历补全。 切换至上月,切换至下月按钮 当前年月展示 如果某日有考勤异常,考勤异常日期标记 当前日期展示展示为‘今’ 点击上月日期切换至上月面板并选中该日期弹出该日期考勤信息 点击下月日期切换至下月面板并选中该日期弹出该日期的考勤信息 点击当前月日期则选中当前日期并弹出该日期的考勤信息首先日历面..原创 2021-11-29 15:47:48 · 3505 阅读 · 4 评论 -
使用vue3.0实现一个移动端电子签名组件
因业务需求,前段时间写了一个电子签名组件,在这里记录一下,绘图需求,首先肯定需要使用canvas标签,考虑到在移动端使用,所以选择使用touch事件。首先奉上html结构(该组件为横屏展示):<div class="signName" :style="{top:0,left:differ+'px'}"> <div class="close" @click="close"><img src="../assets/images/close.png" alt="原创 2021-11-29 11:11:28 · 2484 阅读 · 1 评论 -
Vue-cli创建vue项目以及配置文件梳理
介绍vue-cli是vue提供构建单页应用的脚手架。它能够帮助开发者快速的创建vue项目。这篇文章主要介绍如何使用vue-cli,以及它创建的vue项目结构。还有就是对于build目录下的配置文件进行一些梳理总结。 安装vue-cli安装vue-cli十分简单,执行下面的命令即可npm install -g vue-cli之后可以通过vue list来查看可以使用哪些模板...转载 2018-04-23 15:02:50 · 673 阅读 · 0 评论 -
vue组件间的数据和方法传递
方法1.父组件调用子组件:ref2.子组件调用父组件:emit数据1.父组件传给子组件:props2.子组件传给父组件:emit共享采用vuex其他可用导入(import)转载 2018-06-05 16:49:41 · 150 阅读 · 0 评论 -
vue实现数据双向绑定的原理
一、知识准备Object.defineProperty( )方法可以直接在一个对象上定义一个新属性,或者修改一个已经存在的属性,并返回这个对象。Object.defineProperty(obj,prop,descriptor),重点是第三个参数,对象里目前存在的属性描述符有两种主要形式:数据描述符和存取描述符。数据描述符是一个拥有可写或不可写值的属性,存取描述符是由一对getter-setter...转载 2018-07-03 15:07:13 · 204 阅读 · 0 评论 -
vue---生命周期函数
vue中所有的钩子函数:beforeCreate(创建前)created(创建后)beforeMount(载入前)mounted(载入后)beforeUpdate(更新前)updated(更新后)beforeDestroy(销毁前)destroyed(销毁后)生命周期函数<!DOCTYPE html><html lang="en"> <head> ...转载 2018-07-10 10:51:24 · 163 阅读 · 0 评论 -
在Vue中如何使用axios跨域访问数据
最近在项目中需要用到axios,所以就恶补一下这个axios到底是什么东东。越来它是vue-resource的替代品,官网也说了,以后都用axios,vue-resource不在维护。那么这个axios怎么用呢,上网搜索了一大堆,基本上都是雷同,我也不知道那些作者有没有在本地测试过。至少我按照网上的做法,总不能成功。经过几天的奋斗,我终于把它搞清楚了,为了不让其他的小伙伴们走弯路,我把我...原创 2018-09-25 16:46:12 · 420 阅读 · 0 评论 -
vue路由
一,动态路由匹配 (1)单个参数时: 1,路由设置: 2,goods页面设置: 3,路由载体 4,url形式:使用时必须符合设置的路由规则,否则无法加载,如图sdf89是设置的g...原创 2019-06-18 17:14:20 · 196 阅读 · 0 评论 -
vue请求 —— AXIOS
一,axios请求方法封装http.js文件,封装了get 、post 、patch 、put方法,request拦截器在请求发送时触发,response拦截器在请求响应时触发,defaults.timeout请求等待时长,defaults.baseURL是基础路由,同源访问时可忽略import axios from 'axios';axios.defaults.timeout =...原创 2019-07-01 15:13:55 · 344 阅读 · 0 评论