vue 将编号转换成名字显示

效果：

 

 vue代码：

 created() {
    if (this.$route.query.app_id) {
      this.app_id = this.$route.query.app_id;
    }
    this.GetSettings();
    this.GetByParams();
  },
  mounted() {
    this.GetByParams();
  }
methods: {
//查询
    GetByParams() {
      if (this.value && this.value != "") {
        this.start_time = this.value[0];
        this.end_time = this.value[1];
      }
      this.params = {
        startTime: this.start_time,
        endTime: this.end_time,
        keyWord: this.keyWord,
        typeId: this.typeid,
        appId: this.app_id,
      };
      GetAppDocBYParams(this.params).then((res) => {
        if (res.code == 1) {
          res.data.forEach((element) => {
            var name;
            for (var i = 0; i < this.docType.length; i++) {
              if (element.doc_type == this.docType[i].id)
                name = this.docType[i].name;
            }
            element.doc_type_name = name;
          });
          this.doc = res.data;
        } else {
          showTip("error", "查询失败");
        }
      });
    }
}