get与post如何拼接url与数据的灵活处理，循环的重要性。

get与post拼接url地址不同：

 let postData = {
        method: "post",
        data: {
          op: "/api/setting/maintenanceperiod?period="+this.authorizationCode,
          loadingConfig: {},
          data: {
            period:this.authorizationCode
          }
        }
      };

if(this.editData.id){
                  let postData = {
                    method: "get",
                    data: {
                      op: "/api/" + this.editData.id + "/rmmc",
                      loadingConfig: {},
                      data: {
                        id: this.editData.id,
                        pwd: this.editData.password,
                      },
                    },
                  };

后端返回一个：

某某市领导职数共20个，实配2，缺编18个，

进行页面渲染，有3种方式，第一种最笨的方式，自己手动敲出来，但是不够灵活，一旦后端的数据要变，可采用第二种，分割开来赋值。第三种相对灵活，直接循环分割的字符串，进行v-html赋值，并绑定样式。

 getStyle(sentence) {
      if (sentence.includes("style")) {
        // 提取style样式
        const styleStartIndex = sentence.indexOf('style="') + 7;
        const styleEndIndex = sentence.indexOf('"', styleStartIndex);
        const style = sentence.slice(styleStartIndex, styleEndIndex);

        // 解析样式字符串，提取color属性的值
        const colorStartIndex = style.indexOf("color:") + 6;
        const colorEndIndex = style.indexOf(";", colorStartIndex);
        const color = style.slice(colorStartIndex, colorEndIndex).trim();

        return { color: color };
      } else {
        return {}; // 默认样式
      }
    },

此时，若后端返回的是一个数组，数组里面是两条类似于以上的数据

[ "一二级主任科员职数0个，实有0个，；", "三四级主任科员职数0个，实有0个，；" ]

此时采用相同的方式，再加一个for循环：