我对VUE很新,并尝试从唯一数组中动态创建表。我有表创建完成和动态表id基于数组的值。我正在尝试验证每行中的单元格[0]是否包含特定字符串,或者是否已选择具有选择下拉列表的最后一个单元格[?]并且是字符串。
我之前在JS中做过类似的事情。
$("#" + t_node + " :selected").each(function (i,sel) { .....///code }
并且喜欢这个
$("table#"+t_node+" > tbody > tr").each(function(row, tr) { .....///code }
我不知道如何用VUE复制。
我有一个onclick事件,我想循环遍历表,并且已经创建了p2vg01的任何行加上它的大小以及p2vg01的任何选择选项。在下表中,我想要发现SDB的选择是107GB。没有显示,但可能是SDB已经是p2vg01但如果我选择了SDC和p2vg01,我总计32GB + 107GB。
<div v-for="storageResult in storageValidationResults" >
<h3 class="panel-title">{{ storageResult.node_name }}</h3>
<table :ref="storageResult.node_name" v-bind:id="storageResult.node_name" class="table table-bordered table-striped table-hover" >
<thead>
<th v-for="(value, key, index) in storageResult.table_head">
{{ value }}
</th>
<th>Select</th>
</thead>
<tbody>
<tr v-for="(value, key, index) in storageResult.disk_data">
<td v-for="v in value">
{{ v }}
</td>
<td v-if="checkAvailable(value)">
<select>
<option value="">--Select VG--</option>
<option value="p2vg00">p2vg00</option>
</select>
</td>
<td v-else=""></td>
</tr>
</tbody>
</table>
</div>