VUE+Element UI实现简单的表格行内编辑效果

VUE+Element UI实现简单的表格行内编辑效果_第1张图片
demo

原理是通过Css控制绑定的输入控件与显示值,在选中行样式下对控件进行隐藏或显示

效果示例地址





    
    
    
    



    

数据:{{tableData}}

根据原理自定义效果

[点击查看示例]

VUE+Element UI实现简单的表格行内编辑效果_第2张图片

elementUI table 点击编辑按钮进行编辑实现示例:https://www.jianshu.com/p/33175c3a6ba4

你可能感兴趣的:(VUE+Element UI实现简单的表格行内编辑效果)