Vue2.0 elementui Table组件

Question

1. 使用elementUI的table组件的时候，数据有两级data--> stock (stock的值需要遍历出来插入表格的某一列)

{
    "code": 0,
    "data": {
        "dropship": false,
        "Price": "126,000",
        "realPrice": "126,000",
        "skuId": 10023280,
        "skuName": "CHIL SCHOOL Susu Coklat Box - 800gr",
        "spuId": 687033,
        "status": "on the shelf",
        "stock": {
            "Jakarta DC": "117",
            "Surabaya": "0",
            "Medan": "0",
            "Pontianak": "0"
        },
        "stockPrice": "118,222"
    },
    "desc": "SUCCESS",
    "message": "SUCCESS",
    "msg": "SUCCESS",
    "success": true
}

stock字段怎么处理后渲染进去呢？prop属性只能绑对象，字符串不能识别。
我使用

 <el-table-column prop="stockTpl" label="STOCK" align="center" v-model="handlerStock" ></el-table-column>

先从数据里取出stockmap对象，然后遍历出属性值放入数组，在methods里加一个处理stocktpl的函数，然后再表格里渲染。
但是结果还是没有任何效果。

2.我的功能是输入点击按钮添加，每次添加一条，如果像这样渲染进去的数据，后面追加数据是不是只有尝试数组更新检测的编译方法？

Answer 1

可以用自定义列模板

<el-table-column label="STOCK" align="center">
              <template scope="scope">
                  <span v-for="(v,k) in scope.row.stock" :key="k">{{k}}:{{v}}</span>
              </template>
          </el-table-column>