Vue.js实现可编辑的表格

本文实例为大家分享了Vue.js实现可编辑的表格的具体代码，供大家参考，具体内容如下

 
 
 
   table tr td{
   text-align: center;
   }
  .btn-info{
   margin-left: 5px;
  }

  .add,.addBox{
   margin: 10px 0px 10px 10px;
  }
  .submit{
   margin-left: 172px;
  }
  
  .delAll{
   margin-left: 10px;
  }
  
  fieldset{
   margin-left: 10px;
  }
 




添加
批量删除
 

 

 

  

  
学号
  
姓名
  
年纪
  
操作

 
 
 

  

  

  
{{person.sid}}
  
{{person.sname}}
  
{{person.sage}}
  
删除编辑
  
 

 


 
新增用户
 
 

  学号：
  
 
 

  姓名：
  
 
 

  年龄：
  
 
 

  提交
 



 


 
编辑用户



 

  学号：
  
 
 

  姓名：
  
 
 

  年龄：
  
 
 

  提交
 

 



 
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。