YodgeGGG的博客

**关于el-table-column组件添加fixed属性后出现行高不冲齐的问题**闲话少说，先上问题截图这是我遇到的问题，使用flex布局，在浏览器窗口回归正常时，行高会错乱下面说解决办法之前尝试过在vue根组件添加display: table-cell!important，没有起效果，综合了一下搜索的内容，找到了如下解决办法，在mounted()生命周期钩子函数中我们强制让el-table这一组件刷新。首先在el-table中添加ref属性之后在mounted函数中写入如下代码这

el-table表单实现点击编辑按钮对内容进行编辑话不多说，先上效果图这里我将按钮绑定了dialog对话框，避免直接在原有表行之间进行修改，因为后台管理系统多是响应式布局，使用dialog对话框可以更直观的让用户对内容进行编辑，而对于在原有表行中进行编辑，可能会因为窗口的大小造成编辑上的不便，这仅是个人理解下面上代码首先在表行中的el-button绑定el-dialog对话框在饿了么的开发文档上写的很清晰，使用visible<el-dialog id="edit" title="数据产品

Vue如何让el-breadcrumb面包屑导航栏根据路由跳转地址动态切换标题内容废话少说，先上效果图其实想要实现图片上的效果非常简单，我们直接使用路由元信息即可解决，关于路由元信息的解答vue-router上面的开发文档写的非常详细，大家可以自行了解下，下面说代码我们只需在配置的路由信息下加入一个meta字段，写上你想要插入面包屑导航栏标题中的内容之后我们只需在面包屑导航栏中写如下代码{{$route.meta.title}}这样，面包屑导航中就会出现不同路由地址对应的不同标题内容啦！

Vue如何实现el-menu与el-tabs联动，通过点击el-menu导航中的选项动态添加tab页面老规矩，先上效果图！达成这个效果，首先我们先了解下原理在el-menu中有一个属性router，开发文档中写的非常清晰，选择该属性后即开启路由跳转，即点击el-menu中的子选项后会进行页面跳转，但是你必须将需要跳转的路由地址写为跟组件的子路由地址，否则点击跳转后会直接跳向路由地址对应的页面，这样就失去了我们想要实现的效果接下来说下el-tabs，它的构成规则大家可以去看一下饿了么ui（eleme