vue中点击按钮，添加一排输入框

输入框"/>

vue中点击按钮，添加一排输入框

vue界面：
<template><div><el-button @click="add">添加</el-button><el-table :data="data"><el-table-column prop="name" label="名称"><template  slot-scope="scope"><el-input v-model="data[scope.$index].name"></el-input></template>
</el-table-column><el-table-column prop="age" label="年龄"><template  slot-scope="scope"><el-input v-model="data[scope.$index].age"></el-input></template></el-table-column><el-table-column prop="age" label="年龄"><template  slot-scope="scope"><el-button @click="deleteRow(scope.$index)">删除</el-button></template></el-table-column></el-table></div>
</template>js方法：
<script>export  default {data(){return {data:[]}},methods:{add(){this.data.push({});},deleteRow(index){this.data.splice(index,1);}}}
</script>

主要是输入框里面绑定的下标