hfhwfw161226的博客

场景：vue项目中，点击表单内的某个按钮触发了页面刷新，表单内输入的数据都被清空了，并且页面路径前多了一个‘?’，例如：http://localhost:8082/?#/employee-login分析：在form表单内点击按钮触发了他的默认事件，从而导致页面刷新。解决：使用.prevent 事件修饰符可以解决这个问题，即阻止标签默认行为。用法：<button @click.prevent="handleFilter">搜索</button>..

使用场景：因设备限制，无法像浏览器那样通过鼠标滑动来使页面滚动。只能通过代码来解决该问题1.实现效果：点击页面上的上、下、左、右四个按钮，实现页面可视区域移动/** * 翻页，每次滚动可视区域的80%高度或宽度（例：滚动区域以id="scroll-panel"元素包裹） * @param {string} type 翻页类型，上、下、左、右 * @param {string} id 滚动区域的包裹元素的id * */function movePage (type, id) { /.

针对很多弹出层的遮罩显示后仍然可以滚动底层页面的问题方法一：显示弹框时设置页面高度为100%，且溢出隐藏，关闭弹框时放开原先的设置// 打开弹框时let body = document.querySelector('body');body.style.overflow = 'hidden';// 关闭弹框时let body = document.querySelector...

<div class="text-panel"> <!--操作栏--> <div class="action-bar"> <span class="bar-title">操作栏</span> <span class="split-line">删除</span&gt...

一、基本配置注：此处 fullcalendar版本为1.6.0 $('#calendar').fullCalendar({ header: { left: 'prev,next', // 翻页按钮的位置 center: 'title', right: '' }, ...

在不使用ui框架时，原生的select元素可修改的样式非常有限，大多是不满足我们的需求的。因此花了点时间写了个可以自定义样式的select组件，以备以后使用。1.html<div id="app" @click="hiddenSelection"> <div class="form_select"> <...

如图效果：html<a class="forgot" href="/passport/forget-password">忘记密码</a>less.forgot { display: inline-block; color: rgba(0, 0, 0, 0.25); position: relative; overflow: hidde...