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 函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。