27号白开水的博客

实现效果每行显示修改和删除按钮：点击修改后显示保存和取消按钮：点击保存或取消将回到上一状态。原理设置被保存标志saveTF=false，记录当前是否有行数据被编辑设置中间变量chooseInfo=[ ]，记录被编辑的行数据设置中间变量chooseNo=""，记录被编辑行数据的唯一id展示表格时，判断当前行的主键是否等于chooseNo，是则表明当前行正在被编辑，展示input输入框和保存/取消按钮，否则正常展示该行数据和编辑/删除按钮点击编辑时，更新①②③的数据为该行数据点击保存时

在使用element-ui的过程中，发现按钮点击后存在聚焦问题，即点击后移开鼠标，按钮颜色不变回原来的样式，而是会加上一个:focus的偏暗的样式，只有在别处点击一下，才会清除效果，让我极为难受。在 Element官网-Button 按钮 看了一下，竟然也是这个鬼样子=_=。在网上搜了一些解决办法，大都是按钮绑定方法然后使用 ev.target.blur()强制按钮失焦。但是一个页面往往有很多个按钮，我们一个一个往上加方法似乎有点麻烦。后来查看了前端样式，发现el-button上:focus和.hov