业余前端的职业经历

给你的 el-table 加上俩个属性 cell-style header-cell-style<el-table :cell-style="cellStyle" :header-cell-style="rowClass"></el-table>// 然后就是在方法中定义两个方法methods:{ private cellStyle({row,column,rowIndex,columnIndex}:any){ return "text-align:ce

相信只要使用vue+elmentUI 做后台管理系统的 基本上都需要用到左侧导航栏然后左侧导航栏和路由导航 联系在一起默认它是不启用 路由关联的 这个时候我们得配置一下 才可以给el-menu上面加一个　 router的属性才可以 关联到<el-menu :default-active="$router.currentRoute.path" router class="el-menu-slide"></el-menu>还有就是一个问题 就是重复点击导航的时候 就会报错

这样的功能在后台系统中经常碰见 左边是一个输入框 右边是一个按钮我这里使用element 组件书写的 当然左边也可能是 一个下拉框 或者是一个switch 开关当然 在开发阶段 不用组件化开发 但是开发完之后呢 要更改功能 一个一个页面改着太麻烦了那么如果不是一个组件 那么维护起来就有点麻烦了根据父组件传来的数据进行判断显示那种表单组件我们首先先来完成表单子...

属性上加上一个:auto-upload="false"

因为工作需要吗 element-ui中展开式表格虽然用着方便 但是 用过的童鞋 可能知道 只有点击展开的时候 下面的 元素我们才能获取到 同时每一行下面展开的 是使用 slot-scope 内容分发 共用的一套 模板 这就很尴尬了打个比如 ：我展开下面的是视频 那么所有行展开下面都是视频 我只能获取一次 视频标签 这下就悲催了 点击一下 所有行下面的视频同时 播放 又同时暂停 做过的童...

用过这种表格得 童鞋可能知道 有些时候 需要我们 在点击展开或者关闭的时候需要 可能需要触发事件 那怎么做呢 其实很简单<el-table :data="tableData" style="width: 100%" @expand-change="open"> </el-table>在上面添加一个@expand-change="open" 然后再vue...

脚手架方式 修改 在el-table里面加上 一个class tableClass.tableClass>>> th{ // 普通方式 不用加 >>> padding: 0!important; height: 30px; line-height: 30px; }...