vuejs和laravel 5.4

时间:2017-08-25 21:40:16

标签: dynamic html-table vue.js laravel-5.4

我对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>

enter image description here

0 个答案:

没有答案