美文网首页
vue v-for列表、json渲染

vue v-for列表、json渲染

作者: 头脑之外 | 来源:发表于2019-07-11 18:23 被阅读0次
       <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("报错啦!"));
      });
    }

相关文章

  • v-for列表渲染

    vue中对json数据格式的渲染,实现选项卡的功能 利用v-for列表渲染 HTML结构部分 script部分 v...

  • vue v-for列表、json渲染

  • vue列表渲染

    vue列表渲染v-for类似js语言中的for循环,用vue列表渲染指令渲染数组,可以类比js中用for循环遍历数...

  • uniapp之列表渲染中key值的作用(vue.js)

    参考:Vue列表渲染(1) 列表渲染示例 (2) :key 值的选取 使用 v-for 循环 array 中 it...

  • 学习Vue3(四)

    渲染列表 在Vue中,我们可以使用 v-for 来渲染列表, 比如 todo的定义如下 在这里,只要改变this....

  • Vue 循环渲染

    v-for指令的使用 在 Vue 中,可以使用 v-for 指令绑定数据到数组来渲染一个列表。 使用 v-for ...

  • 为什么使用v-for时必须添加唯一的key?

    我们在使用VUE框架时都会用到v-for 我们可以使用v-for更新已渲染的元素列表时,默认用就地复用策略; 列表...

  • v-for,v-on,v-show,v-if

    一、v-for 列表渲染 我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 ite...

  • 条件和列表渲染

    一、前言 条件渲染和列表渲染其实就是使用vue的v-if和v-for两个指令来控制是否渲染和循环渲染的逻辑。 二、...

  • 学习vue2.0笔记(第三章上)

    模板渲染 vue2.0种,必须使用v-bind将变量渲染到属性中, 列表渲染v-for 也可以使用v-text方法...

网友评论

      本文标题:vue v-for列表、json渲染

      本文链接:https://www.haomeiwen.com/subject/mdfjkctx.html