Vue项目中Table设置 render 函数

 statusList1: {0: "",1: "",2: "药品服务费收入",3: "特药服务费收入",4: "直保经纪费",5: "再保经纪费",6: "广告费",},render: (h, params) => {return this.colorCommon(h, params.row, "1");},render: (h, params) => {return this.colorCommon1(h, params.row);},render: (h, params) => {//状态翻译let premiumStatus = this.colorCommon2(params.row.revenueType,this.statusList1);if (premiumStatus === "药品服务费收入") {return h("span", {}, premiumStatus);}if (premiumStatus === "特药服务费收入") {return h("span", {}, premiumStatus);}if (premiumStatus === "直保经纪费") {return h("span", {}, premiumStatus);}if (premiumStatus === "再保经纪费") {return h("span", {}, premiumStatus);}if (premiumStatus === "广告费") {return h("span", {}, premiumStatus);}},//月份数据渲染colorCommon(h, params, key) {let data = params.monthAmount[key];if (data == undefined) {return h("span", {}, `0`);return;}return h("span", {}, `${data}`);},// 总收入渲染colorCommon1(h, params) {let data = params.monthAmount;let center = 0;$.each(data, function (key, value) {center += data[key];});return h("span", {}, `${center.toFixed(2)}`);},//收入类型渲染colorCommon2(value, typeList) {for (var key in typeList) {if (value == key) {return typeList[value];}}},

Vue项目中Table设置 render 函数相关推荐

js定义全局变量 vue页面_在vue项目中实现定义全局变量全局函数操作
写在前面: 如题,在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录token,用户的地址信息等,这时候就需要设置一波全局变量和全局函数,这两个设置不太难,而且有一 ...
vue项目中table表格固定表头和首尾列
在html中实现table表格固定表头和首尾列的方法和文章很多,本文就不再赘述. 本文主要介绍vue项目中三种情景下实现table表格固定表头和首尾列情景一:vue+element 只要在el-ta ...
Vue项目中如何设置动态的TDK
TDK是什么 TDK就是网站的标题(title).描述(description)和关键词(keyword) TDK在哪里上面大佬对TDK的概念解释的很全面,但是在网页中的TDK在哪里呢,作为开发人员 ...
vue项目中如何设置ico图标
在vue项目开发中往往会设计到浏览器头部图标的设置,这里分享一下自己在项目中的使用的方法,如有不足的地方还望指正,直奔主题: 1.首先如何制作ico图标,本人使用的是比特虫在线制作ico图标,使用方法 ...
iview UI库中table的render函数
刚刚接触一个项目,一期使用的是iview,查看文档时发现并未介绍到render函数中类似createElement功能的用法,因此想做一个相关的分享,希望可以帮到跟我有类似需求的小伙伴们. iview ...
vue项目中定义全局变量、函数的几种方法
定义全局变量原理:使用模块(.js或.vue文件)来管理全局变量,最后使用export暴露出去 (最好导出的格式为对象,方便在其他地方调用),当其它地方需要使用时,用import导入该模块 1.使用 ...
VUE项目中CSS设置动态宽度的方法
网上找到三种方法: 一.使用cumputed 首先你务必看Vue的官方文档.涉及到的基础知识有: 绑定内联样式的使用 computed的使用文档写的都是基础使用.那么在项目实战中如何使用,两步就能实 ...
vue项目中，设置页面局部loading加载效果（element）
直接引用element的loading,默认的是全屏loading,实际中有很多地方不需要全屏loading,只需要某部分loading,如上图话不多说,直接上代码封装好的loading.js i ...
在vue项目中定义全局变量和全局函数
如题,在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录token,用户的地址信息等,这时候就需要设置一波全局变量和全局函数定义全局变量原理: 设置一个专用的的 ...

Vue项目中Table设置 render 函数

Vue项目中Table设置 render 函数相关推荐

最新文章

热门文章