Beamon__的博客

最近新建一个vue项目，配置了element-ui，较之前使用时发生了些许变化，对新的配置方式进行记录创建项目vue项目，使用vue-cli，就不做赘述了，可参考官网创建项目 在main.js引入组件库及相关样式完成引入，即可在项目中使用。因为element-ui整个引入，项目依赖变得冗余，打包发现，多了好几M，不合理，这很不合理，对组件进行按需引入；安装带三方插件babel-plugin-component在src目录下新建文件夹element，element文件夹添加文件com

描述：自己封装了修改（弹窗）组件，每次的打开修改弹窗后请求修改项数据进行回填，关闭弹窗时使用Form组件的resetFields方法重置表单，第一次使用该组件正常，第二次使用该组件在关闭时，会闪现第一次打开时的修改项的数据；原因：form表单的重置是以第一次打开的数据作为重置标准,如果先打开的是更新,那么重置之后以第一次更新的数据作为标准；解决方法：每次关闭弹窗时销毁组件，每次...

开始时间设置：<el-time-picker v-model="form.preClockOffTime" class="date-box" format='HH:mm' 设置下拉框时间格式 value-format="HH:mm" 设置返回值时间格式 :picker-options="{ 校验开始时间不的大于结束时...

场景描述：在一个宽高自适应的容器内引入Table组件，容器的宽度和高度不定，需要Table的宽和高随容器大小变化而变化，容器过小时，表格出现滚动条；解决思路：element-ui的Table组件默认宽度100%，主要解决高度问题，在组件的api说明里，有一个height属性，描述如下：这一属性的主要作用为设置Table的高度，超出此高度Table会显示滚动条，结合我们的需求，只...

element-ui是vue项目中常用的pc端ui组件库，但是其样式上可能与我们的项目需求有较大差异，通常使用自己的样式覆盖ui组件库样式以达到目的方法1: 创建自定义样式文件 在main.js或app.vue中引入 ps：只适合做整体样式的设置，无法细分到组件的具体使用场景，如果细分至组件使用场景，代码过于集中，不利于维护方法2: 在代码内...

1.首先，安装包npminstallperfect-scrollbar--save2.引入//引入核心框架import Vue from 'vue';//插件的包import PerfectScrollbar from 'perfect-scrollbar';//对应的cssimport "perfect-scrollbar/css/perfect-scro...

方案一在父级及“祖先”元素添加overflow: hidden;ps: 如果Table的上一级元素是flex布局，就设置上一级元素overflow属性，如果上一级元素的上一级元素也是flex布局，继续设置overflow属性，直到出现不再是flex布局为止方案二1.在Table父级元素添加样式position: relative;2.设置Table组件样式...