Vue项目中Table设置 render 函数
生活随笔
收集整理的這篇文章主要介紹了
Vue项目中Table设置 render 函数
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
statusList1: {0: "",1: "",2: "藥品服務(wù)費(fèi)收入",3: "特藥服務(wù)費(fèi)收入",4: "直保經(jīng)紀(jì)費(fèi)",5: "再保經(jīng)紀(jì)費(fèi)",6: "廣告費(fèi)",},render: (h, params) => {return this.colorCommon(h, params.row, "1");},render: (h, params) => {return this.colorCommon1(h, params.row);},render: (h, params) => {//狀態(tài)翻譯let premiumStatus = this.colorCommon2(params.row.revenueType,this.statusList1);if (premiumStatus === "藥品服務(wù)費(fèi)收入") {return h("span", {}, premiumStatus);}if (premiumStatus === "特藥服務(wù)費(fèi)收入") {return h("span", {}, premiumStatus);}if (premiumStatus === "直保經(jīng)紀(jì)費(fèi)") {return h("span", {}, premiumStatus);}if (premiumStatus === "再保經(jīng)紀(jì)費(fèi)") {return h("span", {}, premiumStatus);}if (premiumStatus === "廣告費(fèi)") {return h("span", {}, premiumStatus);}},//月份數(shù)據(jù)渲染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];}}},
總結(jié)
以上是生活随笔為你收集整理的Vue项目中Table设置 render 函数的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: qrcode.js 二维码生成器
- 下一篇: Table 表格导出功能