html/js代码

重点：给每一列绑定属性formatter,值为一个函数，返回要翻译成的中文字符串

<el-table:data="djmxListData"stripe@row-click="rowClick"highlight-current-rowstyle="width: 100%"><el-table-columnprop="djfl":formatter="getDJFLMC"  label="电价分类"></el-table-column><el-table-columnprop="ydlb":formatter="getYDLBMC"label="用电类别"></el-table-column><el-table-columnprop="jfdy":formatter="getJFDYMC"label="计费电压"></el-table-column><el-table-columnprop="djlb":formatter="getDJLBMC"label="电价类别"></el-table-column><el-table-columnprop="fklx":formatter="getFKLXMC"label="丰枯类型"></el-table-column><el-table-columnprop="glbz":formatter="getGLBZMC"label="归类标志"></el-table-column>
</el-table>
<script>
export default {name: "index",methods:{getDJFLMC(row,col){  有多少条数据，此函数就会触发多少次。djfl是电价分类数组（里面的字段有：分类的编号dmbh；对应编号的分类名称dmnr）for (var i in this.djfl) {if (this.djfl[i].dmbh==row.djfl){return this.djfl[i].dmnr}}},getYDLBMC(row,col){for (var i in this.ydlb) {if (this.ydlb[i].dmbh==row.ydlb){return this.ydlb[i].dmnr}}},getJFDYMC(row,col){for (var i in this.jfdy) {if (this.jfdy[i].dmbh==row.jfdy){return this.jfdy[i].dmnr}}},getDJLBMC(row,col){for (var i in this.djlb) {if (this.djlb[i].dmbh==row.djlb){return this.djlb[i].dmnr}}},getFKLXMC(row,col){for (var i in this.fklx) {if (this.fklx[i].dmbh==row.fklx){return this.fklx[i].dmnr}}},getGLBZMC(row,col){for (var i in this.glbz) {if (this.glbz[i].dmbh==row.glbz){return this.glbz[i].dmnr}}}}
}
</script>

vue+elementUI 后台数据为数字，前台转化成对应的中文相关推荐

Vue.js阿拉伯数字转化成人民币的中文
// 数字金额转化成人民币的中文 export function numberToChinese(money) {//汉字的数字var cnNums = new Array("零" ...
vue+elementUI 后台管理极简模板
vue+elementUI 后台管理极简模板写在前面此篇文章为一篇说明文档,不是教你从零构建一个后台管理系统,而是基于一个实际项目,已经搭建好了一个后台管理系统的基础框架,教你如何在此基础上快速开 ...
elementui 表格英文加数字排序_解决vue elementUI中table里数字、字母、中文混合排序问题...
1.使用场景使用elementUI中的table时,给包含数字字母中文的名称等字段排序例如:数字(0->9)->大写字母(A->Z)->小写字母(a->z)-> ...
Vue + ElementUI 后台管理系统实现主题风格切换
一.目的此次写作内容是在我之前发布一篇文章的基础上进行新增的. 上一篇文章:Vue + ElementUI 后台管理系统实现顶部一级菜单栏,左侧二级菜单栏_无解的菜鸟晖的博客-CSDN博客这次要实 ...
vue获取后台的文件流并且转换成图片
vue获取后台的文件流并且转换成图片 1.添加request的responseType export function addCode(Equip,data) { return request({ m ...
vue将毫秒为单位的时间转化成分钟和秒
vue将毫秒为单位的时间转化成分钟和秒主要应用在前端将音乐时间显示为 00:00( 分钟: 秒格式 ) 代码实现时间戳 = song.duration 分钟 Math.floor((Math.ro ...
vue绑定后台数据ajax,vueJS 获取后台数据绑定data
//vue 环境安装 http://blog.csdn.net/u013182762/article/details/53021374 一开始使用安装环境配置一些东西 ,后来发现太麻烦了 . 直接C ...
vue+element-ui实现数据的增删改查及分页
1.首先获取所有的学生信息并显示在表格上,进行分页后台要求传的参数: 后台接口封装: element-ui创建数据.必须有HTML表格 <el-table :data="studen ...
2021-12-05 vue移动端卖座电影项目(六) 为详情页面Detail.vue获取后台数据并设置样式
1.带着id传到详情页面中效果:点击任一电影,跳转进Detail.vue页面时后面自动拼接上电影的filmId http://localhost:8081/#/Detail/6112 http:// ...

vue+elementUI 后台数据为数字，前台转化成对应的中文

html/js代码

vue+elementUI 后台数据为数字，前台转化成对应的中文相关推荐

最新文章

热门文章