el-table实现多行合并的效果,并可编辑单元格

el-table实现多行合并的效果,并可编辑单元格_第1张图片

html代码

js代码 

主要是cellClick和handleBlur控制的,首先需要找到包裹el-input和展示表格文字的父div,然后通过点击父div和el-input的失去焦点事件控制内部这两个元素的显示和隐藏

scss样式

首先设置cell-content的基础样式;元素饿显示和隐藏就单独拿出来通过在事件中做切换


  

 

 

 

你可能感兴趣的:(vue.js,elementui,javascript)