在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ Vue2.0 elementui Table組件

Vue2.0 elementui Table組件

  1. 使用elementUI的table組件的時(shí)候，數(shù)據(jù)有兩級(jí)data--> stock (stock的值需要遍歷出來(lái)插入表格的某一列)
{
    "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字段怎么處理后渲染進(jìn)去呢？prop屬性只能綁對(duì)象，字符串不能識(shí)別。
我使用

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

先從數(shù)據(jù)里取出stockmap對(duì)象，然后遍歷出屬性值放入數(shù)組，在methods里加一個(gè)處理stocktpl的函數(shù)，然后再表格里渲染。
但是結(jié)果還是沒(méi)有任何效果。

2.我的功能是輸入點(diǎn)擊按鈕添加，每次添加一條，如果像這樣渲染進(jìn)去的數(shù)據(jù)，后面追加數(shù)據(jù)是不是只有嘗試數(shù)組更新檢測(cè)的編譯方法？

回答
編輯回答
陌上花

可以用自定義列模板

<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>
2017年2月3日 23:02