vue v-for列表、json渲染

       <div class="top3-content" v-for="(key,dataMapName) in data"> 
          <el-row>
            <el-col :span="24" class="top">
              <span class="left-circle-icon"></span>
              <span>{{dataMapName}}</span>
            </el-col>
          </el-row>
          <el-row v-for="v in key">
            <div class="top-content">
              <span class="gray-span">{{v.name}}:</span>
              <span class="main-span">{{v.value}}</span>
            </div>
          </el-row>
        </div>
methods: {
    getCurrent(){
      getCurrent().then(res => {
        let _this = this;
        const data = res.data.data; // arr
        _this.data = data.dataMap; // json
        _this.tenantCode = data.tenantCode;
        _this.systemName = data.systemName;
        _this.contactNumber = data.contactNumber;
        _this.linkman = data.linkman;
        for (var key in _this.data) {
          console.log(key + "," + _this.data[key].length);
        }
      }).catch(error => {
        this.$message.error(new Error("报错啦!"));
      });
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容