element-ui试用手记

阅读更多

　　element-ui、iviewui都以vue.js为基础，以前用过iviewui，感觉很好上手javascript代码套路基本是一样的，模板标签名称有所区别、具体的设计理念也有点区别。
　　简单试了一下table及pagination组件的使用。
一、网页代码如下：

    
    
    
	

	
	
  




	
统计
	

		统计时间：-

		统计
	
	
		
		
			
		
		
		
			
		
	
	
	

 
    
    

	
	
 
	
    
    
    

二、JSON数据如下：

 {
    "slider": [
      1
    ],
    "hasPrePage": false,
    "startRow": 1,
    "offset": 0,
    "lastPage": true,
    "prePage": 1,
    "hasNextPage": false,
    "nextPage": 1,
    "endRow": 1,
    "totalCount": 1,
    "firstPage": true,
    "totalPages": 1,
    "limit": 10,
    "page": 1,
    "items": [
      {
        "pileId": 1,
        "payYear": 2018,
        "payMonth": 10,
        "payDay": 19,
        "payMoney": 3,
        "payWeek": null,
        "chargeUserCount": 1,
        "chargeMinutes": 6,
        "chargeCount": 1,
        "pileBarcode": null,
        "pileName": "测试",
        "pilePlugs": 8,
        "isHighPower": null,
        "stationId": 1,
        "stationName": "1",
        "agentId": 3,
        "agentCode": null,
        "agentName": "8"
      }
    ]
}

　　感觉element-ui易用性要好一些，表格输出一些自定义内容要方便一些，组件功能要强一些。其它没有仔细试，只是简单测试的感觉。
　　element-ui的HTML页面直接可用的源码不太好下载，我是下载了node.js，然后用npm下载的，从其中找出js及css文件，放在前端使用的。放在下面做为附件，如果需要，自行取用。

• element-ui.v2.4.9.rar (828.2 KB)
• 描述: element-ui源码
• 下载次数: 2