
笔记
文章平均质量分 57
玥光
凡是过往 皆为序章
展开
-
按enter回车,会触发button上的事件的原因及解决办法
1、一开始是粗暴的禁用回车事件,但是这样会导致其他需要回车触发的事件也执行不了。ducoment.onkeydown = (e) => { if(e.keyCode == 13) { return false; }}2、产生这个问题的原因应该是页面有form表单,有button按钮,因为button上没有加上type属性,导致了按下回车,默认触发了button提交事件。靠谱的解决办法是 给button 加上type 属性就好了。我有两个button都没有写type ,然后回车会触原创 2022-01-17 11:50:12 · 6423 阅读 · 1 评论 -
some 判断对象数组中是否存在一个属性
var clickDateArr = [ {date: '1', type: 'current', status: 'submit'}, {date: '2', type: 'current', status: 'pending'},]// 判断对象数组中,存不存在状态为submit 的数据,如果存在, isSubmit 为true ,不存在为falsevar isSubmit = clickDateArr.some(item => item.status == 'submit');原创 2022-01-17 11:26:49 · 399 阅读 · 0 评论 -
vue + moment.js 自己写日历
使用技术vue + moment.js最终效果因为自身需求,所以周六周日被我隐藏了,周六周日的显示隐藏可以配置。html 结构此日历采用了ul li 的结构进行展示的,整个日历为一个ul,一行为一个li<div> <ul> <li> <div v-for="(item, index) in weekName" :key="index" class="calendar-week"> {{ item }原创 2021-12-29 16:48:54 · 953 阅读 · 0 评论 -
Vue table不分页 动态加载数据(类似手机端滑动到底端后再去获取数据)
最近接到一个需求,pc端中的table 数据不做分页,而是做成滚动条形式,但是table中的数据还是一次显示50条,等这50条滑动到底部后,再去加载50条(有加载效果),以此类推,直到数据全部展示。值得注意的是: 我的需求是 第一次请求数据就将全部数据都获取到,后期的数据加载实际上是不走后台接口的,是纯前端数据处理1、首先要确定 加载数据的时机是:table中的滚动条滑动到底部的时候scrollEvent(event) { /** * 需要判断滚动条是否到达table底部,到原创 2021-08-27 10:50:47 · 2256 阅读 · 3 评论 -
做程序媛的一年
二本,非计算机相关专业,因为姐夫是做后端的,所以入了这一行,一入IT深似海,从此我过上了天天做数学题的生活。大四刚开学不久,在程序员节档口,姐夫给我报名了线上就业课程,本身的专业是跟计算机一点关系都没有的,刚开始学习的时候还很有劲头,觉得css + html 就很厉害了2020年6月17日,我入职了步入社会的第一家公司,...原创 2021-07-07 16:33:30 · 132 阅读 · 0 评论 -
uni-app 微信小程序 分享功能 传参 接收 与 调试
uni-app 微信小程序 功能 传参 接收 与 调试当使用微信小程序进行分享好友功能时,怎样能够联调,查看是否接收到参数,并在被分享人点进来的时候逻辑处理是否正确。1、分享功能实现分享给朋友 有两种方式:第一种就是 微信右上方的三点 里面有分享给好友 默认是置灰的在 与 methods 同级 写上以下函数 将页面的分享功能点亮:onShareAppMessage 这个api 有两个 值 一个是菜单级的 (如上方式) 另一个是按钮级的 (即点击按钮实现分享功能,如下)按钮 级原创 2021-07-06 12:45:25 · 7977 阅读 · 7 评论 -
uni-app中引入 iconfont 图标
uni-app中引入 iconfont 图标在iconfont 官网 添加图标到购物车将图标下载到本地项目里 在组件中 新建文件夹 iconfont将 下载的压缩包 中 这两个文件放进来将iconfont.css 文件内容处理一下 //at 前都加上 https:在 app.vue 中 引入页面中使用最终效果:...原创 2021-07-06 12:10:05 · 214 阅读 · 0 评论 -
关于vue中 点击不同菜单传递不同参数 进入同一个页面内 页面不刷新的问题
当vue中 点击两个菜单 共用一个页面 传递一个参数进行区分时配置路由{ child_name: "添加(部门)", id: "3-2", path: "/officeSystem/database/add", query: { openstatusId: 1 }, // 此参数为区分页面的参数 class: "el-icon-plus", },{ child_name: "添加(公共)", id: "3-5", path: "/officeSy.原创 2020-11-26 16:24:35 · 4764 阅读 · 0 评论 -
文件的上传下载以及回显
文件上传与下载 以及文件回显##文件下载关键 : 动态创建 a 标签及其点击事件 设置name 和 文件的url 二者缺一不可添加 responseType:‘blob’ 可以将二进制流转换成正常文件 使下载的文件不乱码 //下载文件 download(){ request({url:'api/meeting/download',method:'get'},{ responseType: 'blob' }).then(res=>{ const原创 2020-11-26 16:07:43 · 1408 阅读 · 0 评论 -
FullCalendar插件的使用
FullCalendar 插件使用使用方法使用方法插件依赖jquery来使用比较方便使用 FullCalendar插件引入引入css和js 样式 ,若想要将日历上的备注 进行拖拽,可以引入jquert-ui 文件附文件地址:https://pan.baidu.com/s/19396jzGxPMf_wibFfp2evQ提取码:LYZB我是在OA办公系统里面引用,这个项目的架构 比较特殊,将 势不两立的vue 和jquery结合使用了 所以代码 混合成这样,一般来说直接依赖jquery在原创 2020-09-15 15:39:05 · 376 阅读 · 0 评论