- 博客(4)
- 收藏
- 关注
原创 对Flex布局的理解
一、开启Flex布局.box{ display: flex;}二、Flex布局容器(container)的属性flex-direction:项目沿主轴的排列方向.box{ flex-direction:row(默认) | row-reverse | column | column-reverse;}flex-wrap:沿轴线项目是否换行.box{ flex-wrap:nowrap(默认) | wrap | wrap- reserve;}flex-flow:flex- dire
2021-09-13 10:49:56 346 1
原创 el-form表单按回车键后页面刷新并且URL上面多了一个问号
当表单中只有一个输入框的时候,输入数据按下回车键,页面会刷新,并在url上面多出一个问号,导致页面错误。解决方案:在el-form上面加上@submit.native.prevent原因分析: form 元素中只有一个输入框时,在该输入框中按下回车默认是提交该表单。我们需要阻止这一默认行为。<el-dialog class="unilumin-dialog" :t...
2020-04-16 16:04:18 984
原创 el-select懒加载(自定义指令loadmore),重磅:实现回显未加载的数据!
1、自定义指令1、创建directives.js,放在utils文件夹下;代码如下:import Vue from 'vue'Vue.directive('loadmore', { bind (el, binding) { const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdow...
2020-04-16 11:54:10 2872 1
原创 CSS3中单位vw和vh的使用
使用vw和vh实现elementUI中el-dialog弹框高度自适应1、视口单位(Viewport units)视口单位中的“视口”,桌面端指的是浏览器的可视区域;移动端指的就是Viewport中的Layout Viewport。笔者简单理解为:浏览器内部的可以看到区域大小。2、vw、vh、vmin、vmax单位说明vw1vw = 视口宽度的1%,视口宽1920px...
2020-04-09 17:42:44 939
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人