动态生成多行tr（可以删除行）怎么拿到每个tr下的input的值

Question

动态生成多行tr（可以删除行）怎么拿到每个tr下的input的值是验证一个区间每行俩个值，上一行的第二个值和下一行的第一个值比较，到最后这个区间不能断

Answer 1

document.querySelector('tr input')[0].value

Answer 2

HTML

<tr v-for="(row,rowId) in rowData">

    <td><input v-model="row[0]" v-bind:keyup="compareWithPreRow(rowId)"></td>

    <td><input v-model="row[1]" v-bind:keyup="compareWithNextRow(rowId)"></td>

</tr>

Javascript

<script>

    data:{

        rowData:[

            ['A1','B1'],

            ['A2','B2']

        ]

    },

    method:{

        'compareWithPreRow':function(rowId){

            var pre=rowData[rowId-1][1];//上一行第二个input

            var currenct=rowData[rowId][0];//当前行第一个

        },

        'compareWithNextRow':function(rowId){

            var next=rowData[rowId+1][0];//下一行第一个input

            var currenct=rowData[rowId][1];//当前行第二个

        }

    }

</script>