在使用element-ui组件库的时候，使用自带的图标不显示，查了好多篇博客，都说是element-ui的版本老了，在package.json中修改版本重新安装就行，但是我的情况不是这样。最后解决看了这篇博客：https://blog.csdn.net/weixin_44835957/article/details/115009973要在main.js文件中引入图标的样式文件：
1.页面加载周期结束之后调用方法 mounted:function(){this.handleClick()},2.写这个方法handleClick(){this.resetActivePosition(this.$refs.tabs.$el)},resetActivePosition($el){//tabs的样式修改this.$nextTick(()=>{constactiveEl=$el.querySelector('.el-tabs__item.is-active');constlineEl=$el.querySelector('.el-tabs__active-bar')
submit提交form表单本身提供action属性，在action属性中填写数据提交地址后，点击submit类型的按钮即可将数据提交至指定地址，代码如下：注册注意：method指定请求方式每个input表单项需要有name属性通过上述方式提交表单数据后，会发生页面跳转，跳转至action所指定的地址，很难满足开发需求。若要提交数据后不跳转，可以尝试通过ajax提交数据。AJAX提交form表单不填写action属性，并且在提交时阻止表单的默认行为，获取到表单数据后通过ajax的方式发送给后端，代码如下：Document注册document.getElementById('btn').oncl
1.实现无边框/*去除表格线*/.el_table>>>.el-table__row>td{border:none;}/*去除上边框*/.el_table>>>.el-tableth.is-leaf{border:none;}/*去除下边框*/.el_table>>>.el-table::before{height:0;}2.实现当鼠标浮动到表格上时去掉el-table默认背景色.el-table::v-deeptbodytr:hover>td{background-color:#fff;}3.使用 //长度占50%的两列4.实现效果
1.实现无边框/*去除表格线*/.el_table>>>.el-table__row>td{border:none;}/*去除上边框*/.el_table>>>.el-tableth.is-leaf{border:none;}/*去除下边框*/.el_table>>>.el-table::before{height:0;}2.实现当鼠标浮动到表格上时去掉el-table默认背景色.el-table::v-deeptbodytr:hover>td{background-color:#fff;}3.使用 //长度占50%的两列4.实现效果
需求：前端上传文件后，后端接受文件进行处理后直接返回处理后的文件，前端直接再将文件下载下来。通常我们都是直接使用el-upload的action属性来直接完成文件上传的操作，如果要进行后续文件的直接下载，可以在on-success中用代码进行操作，若存在401权限问题也可以直接设置headers属性添加token，以下： 将文件拖到此处，或点击上传*请上传excel文件actionUrl:`${this.BASEURL}/xxx`,//接口headers:JSON.parse(sessionStorage.getItem('access_token')).content,//获取tokenha
1. 添加:span-method="objectSpanMethod" 2. 写objectSpanMethod 方法//#region合并单元格//这个方法是element-ui提供的单元格合并方法//objectSpanMethod传入了{row,column,rowIndex,columnIndex}//row:当前行//column:当前列//rowIndex：当前行号//columnIndex：当前列号//1代表：独占一行//更大的自然数：代表合并了若干行//0：代表“消失”的哪那一个单元格，后面的单元格向前推一格mergeCol(id,rowIndex){debugger;//合
使用element-uiel-select做下拉全选+搜索功能有时候，需要用到下拉列表全选和搜索，并且鼠标放入的时候有下拉列表展示。以前的做法是check+el-input搜索结合做个组件，现在这个方法直接使用el-select就能做到这个需求功能：有搜索+有全选+有取消+有确认请求+有鼠标移入自动展示功能(cv即食)template>div>div@mouseover="mouseOver">el-selectv-model="selValue"placeholder="请选择"filterablemultiplecollapse-tagsref="refElSelect">el-optio
目录后端postman测试后端@PostMapping(value="/v1/updateDataPermsInfo")@ApiOperation(value="根据角色编号更新数据权限接口")@ApiImplicitParams({@ApiImplicitParam(name="roleIndex",value="角色编号",paramType="query",defaultValue="1"),@ApiImplicitParam(name="form",value="待更新表单",paramType="form-data")})publicResultMapString,Object>>u
问题描述表格内容过多时显示滚动条：可通过max-height设置一个固定的数值高度实现，但是项目中的需求是表格的高度不能写死，要自适应高度来显示滚动解决方案：查找.container{height:100%;width:100%;display:flex;flex-direction:column;}.search{height:70px}/*表格容器自动撑满剩余空间*/.tablesBox{flex:auto;overflow:hidden;.tablesContent{height:100%;width:100%;.el-table{/*表格高度设置*/height:100%!import
