VUE 按钮两边分布排列

• 截图
  
• 输入框、按钮排列
  左对齐的用一个div封装起来，右对齐也用一个div封装起来。

     
     

     	 

	     	 
	     	 
	     	 查询  	 	
     	 
     	 

	       新  增
	     	 删  除
	     	 运  行
     	 
     

• table栏

• 分页

• Dialog对话框
  

width=“35%” 控制弹窗的宽度

  	
    
		  
		    
		      
		    
		    
		      
		    
		    
		      
		    
		    
		      
		    
		  
		  

		    取 消
		    确 定
		  
    

必填项规则rules

:rules="rules" :model="tempForm" 控制Dialog弹框的必填项
export default {
    data() {
      return {
        // dialog 对话框
        dialogFormVisible: false,
        rules: {
	        projectName: [{ required: true, message: '必填项', trigger: 'change' }],
	        projectManager: [{ required: true, message: '必填项', trigger: 'change' }],
	        projectMember: [{ required: true, message: '必填项', trigger: 'change' }]
	      },
      }
    }
}

• 编辑