el-table的formatter属性的使用方法

一、formatter是什么?

formatter是el-table-column的一个属性,用来格式化内容。(比如后台给你返0或1,你需要展示成“否”和“是”)

二、详细使用

1.知道formatter之前:

代码如下(示例):

 
      
          
      
   

2.知道formatter之后,以上代码就可以改写为:

html中:

 
      
 

methods中:

//规范化类型   默认有四个参数(row, column, cellValue, index)详情可以查看elmentUI官网
      typeFormatter(row){
	        switch(row.type){
	          case '1':
	            return '菜单'
	          case '2':
	            return '按钮'
	          default:
	            return '其他'
	        }

      }

总结

把这个理解为function修饰就可以了方便好用

你可能感兴趣的:(vue.js,javascript,前端)