时间:2021-05-28
业务场景:在后台管理系统表格模块中,我们请求回来的数据类似性别等等,后台给我们返的不是男,或者女,而是给我们返回的是0和1,或者是A和B;但是怎么在表格中显示成男和女呢,这里就需要用到数据转换 formatter属性
具体代码如下:
<el-table :data="tableData" highlight-current-row style="width: 100%"> <el-table-column prop="name" label="姓名"> <el-table-column prop="authority" :formatter="formatRole" label="角色"> </el-table-column></el-table>js部分代码:
参数row就是表格当前行的所有数据
当然我们还可以用来截字符串啊,什么的,方法自己定义,return对应的值就行了
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
element-ui图片(查看大图),可通过previewSrcList开启预览大图的功能。写在element-ui表格中,使用作用域插槽循环图片1.此处的di
vue使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知使用element-ui中的Notification,只有一
Nuxt使用create-nuxt-app创建项目时,选择使用Element-UI为默认组件库,发现Nuxt没有开启Element-UI的按需引入配置,需要自行
bug1.找不到element-ui/lib/theme-default/index.css解决:修改路径为element-ui/lib/theme-chalk
之前写了一些关于element-ui表格合并的方法,不过用的数据都是确定的数据(死数据),但是很多时候我们的数据都是通过后台获得的,数据不稳定,这个时候使用表格