一、formatter是什么?
formatter是el-table-column的一个属性,用来格式化内容。(比如后台给你返0或1,你需要展示成“否”和“是”)
二、详细使用
1.知道formatter之前:
代码如下(示例):
<el-table :data="tabledata"><el-table-column label="类型" prop="type"><template slot-scope="scope"><span><span v-if="scope.row.type === '1'">菜单</span><span v-else-if="scope.row.type === '2'">按钮</span><span v-else>其他</span></span></template></el-table-column></el-table>
2.知道formatter之后,以上代码就可以改写为:
html中:
<el-table :data="tabledata"><el-table-column label="类型" :formatter="typeFormatter" prop="type"></el-table-column></el-table>
methods中:
//规范化类型 默认有四个参数(row, column, cellValue, index)详情可以查看elmentUI官网typeFormatter(row){switch(row.type){case '1':return '菜单'case '2':return '按钮'default:return '其他'}}
总结
把这个理解为function修饰就可以了方便好用