组件:el-table单元格点击后直接编辑

出于友好性交互的考虑,在某些特定业务场景下,在table单元格上直接进行编辑,会有更好的用户体验感:

组件:el-table单元格点击后直接编辑_第1张图片

封装一个focusInput组件,支持input和textarea;

使用元组件component的原因是可继续扩展支持select组件,这里暂时先去掉了select;

根据点击事件,由focusing值来控制显隐,显示input及主动触发focus();

根据具体应用场景,通过disabled控制禁止编辑等;

在table-column中使用:

          
            
          

 

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