render函数在表格里创建下拉框，option数据动态获取

最新推荐文章于 2024-09-25 16:51:05 发布

凉笙墨染、倾城殇

最新推荐文章于 2024-09-25 16:51:05 发布

阅读量3k

点赞数

分类专栏：使用vue与iview制作crm扫雷

本文链接：https://blog.csdn.net/lcmrqcs/article/details/94400579

版权

使用vue与iview制作crm扫雷专栏收录该内容

7 篇文章 0 订阅

订阅专栏

{
          title: "提成",
          key: "configure",
          align: "center",
          render: (h, params) => {
            let that = this;
            let centsType = params.row.centsType;
            let list = [];
            if (centsType == 3) {
              //讲师
              list = this.teachList;
              let options = list.map(item => {
                return h("i-option", {
                  props: {
                    value: item.lecturerId,
                    label: item.lecturerName
                  }
                }); //i-option
              });
              return h(
                "i-select",
                {
                  props: {
                    filterable: true,
                    clearable: true
                  },
                  on: {
                    ["on-change"](v) {
                      that.dividemoneydata[params.index].configure = v;
                    }
                  }
                },
                options
              ); //i-select
            } else if (centsType == 1) {
              //公司
              list = this.companylist;
              let options = list.map(item => {
                return h("i-option", {
                  props: {
                    value: item.belongFirm,
                    label: item.belongFirmName
                  }
                }); //i-option
              });
              return h(
                "i-select",
                {
                  props: {
                    filterable: true,
                    clearable: true
                  },
                  on: {
                    ["on-change"](v) {
                      that.dividemoneydata[params.index].configure = v;
                    }
                  }
                },
                options
              ); //i-select
            } else if (centsType == 5) {//职位
              list = this.postlist;
              let options = list.map(item => {
                return h("i-option", {
                  props: {
                    value: item.positionId,
                    label: item.positionName
                  }
                }); //i-option
              });
              return h(
                "i-select",
                {
                  props: {
                    filterable: true,
                    clearable: true
                  },
                  on: {
                    ["on-change"](v) {
                      that.dividemoneydata[params.index].configure = v;
                    }
                  }
                },
                options
              ); //i-select
            }
          }
        },