vue

最近做到一个项目，项目中涉及到人员考勤记录，做了好几版，总感觉页面太过于复杂，最后想到要用日历进行做一个简单又明了的个人考勤记录。文中使用了el-calenda方法，点击名字搜索特定的人，来调用后端接口渲染页面。 搜索功能应该就不用过多的写了吧，直接讲一下日历这一块的代码吧 <div> <el-calendar v-model="calendarValue"> <te…

<template> <div class="chart-box" ref="chartDom" ></div> </template> <script> import echarts from 'echarts' import { debounce } from '@/utils/utils.js' import { addListen…

问题描述 在表格内使用表单时，如果表单控件在表格每一行的高度范围内，那么它的错误提示就会被遮挡看不到。（我的UI库是用的iview） 这是一直存在的问题，以前的解决方法： 将表单控件的错误提示距离留出来，把表格每一行撑高。这样表格每两行之间会间隔很大，还可能会出现一行的内容对不齐的问题 把错误提示放到表单控件里来，这样有时又影响查看内容。 原本想着反正我们是中台系统，这次还是准备用第一种方式继续蒙…

这次给大家带来vue1与vue2获取dom元素步骤详解，vue1与vue2获取dom元素的注意事项有哪些，下面就是实战案例，一起来看一下。vue1.*版本中在标签中加上el='dom'，然后在代码中this.$els.dom这样... .进入vue项目学习后，时常会出现js导入后的加载顺序不当的报错，本文主要和大家分享vue项目js导入加载顺序详解，希望能帮助到大家。 在引入的js中:var bl…

今天看了vue中js钩子函数实现动画，照着敲了一遍发现只有enter的淡入能实现，淡出没有动画效果，即使在leave()中移入done用settimeout延迟也仅仅是延迟的触发时间，并没有出现动画效果。后来经过搜索发现是enter()中缺少了一行代码 el.offsetWidth ，关于这行代码的作用参考文档里的大佬有解释，本人还不是很明白就不乱解释了，原文章链接: vue动画过渡 javasc…

1.Vuex初识 vuex是基于vue框架的一个状态管理库。可以管理复杂应用的数据状态，比如兄弟组件的通信、多层嵌套的组件的传值等等。vuex有这么几个核心概念—— State 、 Getter 、 Mutation 、 Action 、 Module 2.Store尝试 2.1  添加依赖 【 package.json 】： "dependencies": { "vue": "^2.5.2", …

使用手册 https://vueuse.org/integrations/usecookies/ 安装cookie依赖包 npm i @vueuse/integrations 安装cookie npm i universal-cookie 使用cookie import {useCookies} from "@vueuse/integrations/useCookies" const cookie…

撸一个聊天室(vue+koa2+websokect+mongodb) 本篇博客主要介绍聊天室项目，作者学习vue和node时间较短，若有什么错误或建议，欢迎指出，谢谢~ 贴上源码链接 -> 源码 vue的布局在这就不说了，大家可以查看源码。 效果图如下： 首先来看一个聊天室需要哪些功能： 发消息（单聊） 添加好友 发表情和图片 发文件 这三个算是聊天室需要的最基本的功能，其他功能还可以自己拓…

1.思路: 1.login.vue 2.api=>login.js 3.router=>index.js 4.store=>index.js 5.utils=>rquest.js和storage.js和utils.js 6.退出设置 2.login.vue /* 登录页面 */ <template> <div class="loginMain"> &…