您现在的位置是：网站首页> 编程资料编程资料

关于el-table-column的formatter的使用及说明_vue.js_

2023-05-24 344人已围观

简介 关于el-table-column的formatter的使用及说明_vue.js_

el-table-column的formatter的使用

当后端返回来的数据格式需要再去处理；可以使用formatter属性

eg：

 gendarFomat(row, column) { if (row.gender == 0) { return "女"; } else if (row.gender == 1) { return "男"; } else { return "-"; } },

element-ui官网说明

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 '其他'             }       }

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：Fragment 占位组件不生成标签与路由组件lazyLoad案例_vue.js_

下一篇：基于微信小程序实现透明背景人像分割功能_javascript技巧_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网