vue formatter element表格处理数据

时间:2019-10-31
本文章向大家介绍vue formatter element表格处理数据，主要包括vue formatter element表格处理数据使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

formatter 指定一个vue methods 方法

作用：对从数据库中取出的数据进行处理后展示。

示例1：

partner1为从数据库中查询出的展示字段，值为数字id，需要转化成中文名称
partners为全量查询结果，包含了id与中文名称的一一对应关系
getPartnerName为数据处理函数，用以找到与id对应的中文名称
<!-- 伙伴名称 -->
<el-table-column prop="partner1" :formatter="getPartnerName" align="left" show-overflow-tooltip label="伙伴名称" width="150"></el-table-column>
getPartnerName(row, col) {
    console.log('partners', this.partners)
    for (var i in this.partners) {
      if (this.partners[i].pid === row.partner1) {
        return this.partners[i].shortname
      }
    }
}

 示例2：时间格式化





// 时间格式化
dateFormat (row, column) {
      var date = row[column.property]
      if (date === undefined) {
        return ''
      }
      return DateTimeFormat(new Date(date), 'yyyy-mm-dd')
}




 

						



						

						原文地址：https://www.cnblogs.com/niuben/p/11771291.html						

                        

                    

				

			

			

    
随机文章

	

		

			
		

		

			

    		

		

	



				

		
Javascript知识点必读

		
		

	


		

		

			

			
			



			

				

					最近更新