本文共 1431 字，大约阅读时间需要 4 分钟。

1. Vue+ElementUI实现增删改查

2. 3.代码

• 页面代码

  
        
     
     
     
   
      
    
主界面
      
        
          
             
      			
       			  
        			  
         
          
         
          合格作品展示
          
        			
                 
                   
                    
         
          
         
          工作人员上传
          
                  
                 
                   
                    
         
          
         
          学生上传
          
                  
               
            
           
           
     		
      
            
       审核通过的作品在这里进行展示 		
       
		    
        
 
          
          
         
          新增
          
        
		    
        
 
         
           
           
             
序号
             
姓名
             
性别
             
网站链接
             
网站简述
             
操作
            
            
             
{ {index+1}}
             
{ {item.username}}
             
{ {item.sex}}
             
{ {item.href}}
             
{ {item.detail}}
             
 
             
              编辑
              
             
              删除
              
           
           
         
 
        
		    
        		
       
        
         
      
 
       
       
       
        
        
        
      
     
    
   

• CSS 代码

* {
   	 text-decoration: none; }   .el-header {
       background-color: #B3C0D1;    color: #333;    line-height: 60px;  }    .el-aside {
       color: #333;  }  /* 表格 */	[v-cloak] {
   	    display: none	}	table {
   	    border: 1px solid #ccc;	    padding: 0;	    border-collapse: collapse;	    table-layout: fixed;	    margin-top: 10px;		width: 100%;	}	table td,	table th {
   	    height: 30px;	    border: 1px solid #ccc;	    background: #fff;	    font-size: 15px;	    padding: 3px 3px 3px 8px;		text-align: center;	}	table th:first-child {
   	    width: 40px;	}	table th:nth-child(2) {
   	    width: 50px;	}	table th:nth-child(3) {
   	    width: 40px;	}	table th:nth-child(6) {
   	    width: 128px;	}

转载地址：https://blog.csdn.net/weixin_45416217/article/details/102967752 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！