国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

vue利用v-for嵌套輸出多層對(duì)象,分別輸出到個(gè)表的方法

2019-11-19 12:59:33
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

如下所示:

specifications:[ {  specificationName:"顏色",  specificationItem:[   {value:"黃色"},   {value:"黑色"}   ] }]
<table class="table table-bordered table-hover table-item spggdytable"  id="ggxtable" v-show="isAddSpecifications"> <thead> <tr>  <th>排序</th>  <th>規(guī)格項(xiàng)</th>  <th>操作</th> </tr> </thead> <tbody> <tr v-for="(item,index) in specifications">  <td>{{index}}</td>  <td>{{item.specificationName}}</td>  <td>   <a href='#'> <img src='../img/common_edit@25.png' alt='修改'></a>   <a href='#'><img src='../img/common_del@25.png' alt='刪除'></a>  </td> </tr> </tbody></table><table class="table table-bordered table-hover table-item spggdytable"  id="ggztable" v-show="isAddSpecifications"> <thead> <tr>  <th>規(guī)格值</th>  <th>操作</th> </tr> </thead> <tbody v-for="(item,index) in specifications"> <tr v-for="(part,n) in item.specificationItem">  <td>{{part.value}}</td>  <td>   <a href='#'> <img src='../img/common_edit@25.png' alt='修改'></a>   <a href='#'><img src='../img/common_del@25.png' alt='刪除'></a>  </td> </tr> </tbody></table>

以上這篇vue利用v-for嵌套輸出多層對(duì)象,分別輸出到個(gè)表的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持武林網(wǎng)。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 布拖县| 中牟县| 渭南市| 邯郸市| 遂宁市| 醴陵市| 普兰店市| 建瓯市| 同仁县| 庐江县| 习水县| 庆阳市| 商都县| 上蔡县| 昌宁县| 泗阳县| 牙克石市| 集贤县| 樟树市| 民县| 房山区| 射洪县| 鹰潭市| 大安市| 满洲里市| 且末县| 依兰县| 汝南县| 华池县| 达拉特旗| 中山市| 泗阳县| 彰武县| 金阳县| 茌平县| 湾仔区| 青田县| 高清| 乐安县| 乐都县| 盐城市|