vue element admin中使用配置文件放入store的getters中,request获取不到store,显示为undefined
原创
2023-08-01 11:42:54
70阅读
1引言将Element归类为Vue.js,主要原因为Element是饿了么团队基于MVVM框架Vue开源出来的一套前端ui组件,下面将介绍如何进行vue-element组件的安装。2 方...
原创
2021-12-07 16:47:16
623阅读
ue-cli vue项目 vue项目开发流程 js的data属性 methods方法 VUE组件库Element ...
<el-container>Container 布局容器用于布局的容器组件,方便快速搭建页面的基
原创
2019-05-29 10:59:32
70阅读
结构及样式先拆分一下日历, 可将其上下拆分成两部分, 上面的 星期 部分, 和下面的 数据 部分, 一周7天限定了列数为7列, 行数会随当月天数及1号所在位置而有所不同.移动端亦应根据屏幕宽度自适应布局, flex布局就是一个很好的选择, 我们对数据部分进行下模拟, 先造一个长度为40数据都为0的数组如下:const dataArr = Array(40).fill(0, 0, 40)现在, 我们
弹出表单处理,很常见的场景。 一些简单的业务需求,可以直接通过对话框来完成。 直接看效果! 看实现代码,首先要有对话框的内容部分。 <el-dialog title="延迟审核" :visible.sync="dialogDelayFormVisible"> <el-form style="widt
原创
2022-01-05 11:10:16
579阅读
vue自定义小日历组件一、前言自己开发的项目需要用到类似博客侧边栏小日历组件,觉得自己造一个比较随心所欲,更能满足自己的需求,所以决定自己开发一个。最终效果如图所示。二、日历样式我的这个日历组件主要分为导航栏区和主要内容区,导航栏按钮样式什么的都是自定义的,很简单,源码有就不罗嗦。主要讲一下日历内容的样式设计。日历内容都是用<ul>和<li>标签实现的,星期栏和日期栏分别为
转载
2024-03-22 16:02:35
524阅读
之前写了一个简单的vue日历控件:具体用法:(基本用法请参考:) <zm-datepicker type="week" v-model="option.sDate" @select-time="selectSDate" placeholder="开始日期"></zm-datepicker> 然后简单的日历控件并不能很好的满足我现有的工作,故封装了一个稍微复杂点
转载
2024-07-25 09:52:46
832阅读
相信有不少小伙伴和我一样一提到日历就脑壳疼,然后去网上搜索好用的日历组件,如element-ui什么的,但是日历毕竟是别人开发出来的, 和自己家ui设计出来的功能样式毕竟不能100%相似,所以这个时候要么就去git上找一个相似的然后去修改代码,要么就只能自己开发一个了,所以我也是把我自己学到的日历组件封装思路分享给大家;虽然我知道日历组件肯定已经有很多人发过文章,写过思路了,但是我还是想写一下。准
转载
2024-05-01 15:48:05
82阅读
最近项目需求,需要做一个移动端的日历,类似于安卓原生日历。网上找了很多成熟的插件都不是想要。偶然的机会发现某篇博客上有人写的有类似的,于是拿过来稍加改造,终于可以用了。在这里非常感谢这位博主,省去我很多的开发时间。附上此博客地址: 废话不多说,直接附上代码供大家参考:<templat
转载
2024-06-26 17:49:21
1008阅读
最近项目需求需要一个vue日历插件,可以分周和月显示,但是在网上找了半天也没找到合适的,只好自己动手写一个了(不过自己动手,丰衣足食哦!)废话不多说,直接上代码吧!最近重新写了一下日历插件,像了解的可以到这里看呢注意:vue里要引进jquery,vux。还有一个carlendar.js依赖,因为判断农历是在是太难了 <template>
&l
转载
2024-08-01 21:44:38
699阅读
看文档真的是一件非常快乐的事情,看别人写的代码,再跟自己写的代码一对比,立刻会发现有很多不同的地方,也可以学到很多新技能,从最简单的阅读学习起来,今天看的是select下拉框相关的。资料相关星星指数:star:55k中文文档:https://element.eleme.cn/#/zh-CN/component/checkboxGithub 地址:https://github.com/Pan...
原创
2021-07-28 15:38:24
1549阅读
看文档真的是一件非常快乐的事情,看别人写的代码,再跟自己写的代码一对比,立刻会发现有很多不同的地方,也可以学到很多新技能,从最简单的阅读学习起来,今天看的是select下拉框相关的。资料相关星星指数:star:55k中文文档:https://element.eleme.cn/#/zh-CN/component/checkboxGithub 地址:https://github.com/Pan...
原创
2022-04-24 09:50:42
1272阅读
(1) 简介该日历组件是一个应用于移动端的日历组件采用了rem(文末附有rem.js)(2) template<template>
<div class="calendar">
<div class="calendar-year">
<span @click="chooseYear">{{showDate.year}}</span&
转载
2024-03-07 12:38:38
372阅读
推荐一个Fullcalendar的api地址Fullcalendar中文文档Fullcalendar安装 1、安装所需要的npm包npm install --save @fullcalendar/vue
下面包是日历的周视图、日视图等插件包:
npm install --save @fullcalendar/core @fullcalendar/daygrid @fullcalendar/int
vue集成tui.calendar日历组件前言一、简介、效果图二、vue简单集成(集成js版本,没有使用官方的vue2版本)1.引包2.简单示例三、自定义功能1.需求分析、效果展示2.实现思路 前言vue2的集成在git上官方已经给出了demo这里就不贴代码了。本次主要是vue3集成 最近有个功能需要一个日历视图显示出什么时间段上什么课、点击可以查看详情、点击日历空白出可以创建课程或者日程。并且
转载
2024-03-07 15:51:30
4259阅读
图1: 数据接口,模拟实现一些基本的数据条目 图2: 获取数据,接口都在src/api中 TODO LIST: 接下来要做的呢: 1. 完善此demo,基本的CURD,现在只有getAll,需要将增加,删除,更改加入. (src/api/article.js) 2. 完善此操作选择中的edit,pu
原创
2021-07-08 15:01:29
650阅读
前端工程环境搭建:下载安装,以及一些细节的更改:端口号,校验等
原创
2022-09-11 00:10:42
262阅读