Vue实现添加数据到二维数组并显示
作者：南柯Seven
这篇文章主要介绍了Vue实现添加数据到二维数组并显示方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
添加数据到二维数组并显示
<li v-for="(item, index) in studentlist" :key="index">
{{item.stu_name}}--{{item.stu_score}}
</li>
<td>
<tr>
<span id="student_name">学生姓名</span>
<input type="text" v-model="student_name">
</tr>
</td>
<td>
<tr>
<span id="student_score">期末成绩</span>
<input type="text" v-model="student_score">
</tr>
</td>
实现：
export default {
name: 'Index',
data () {
return {
student_name: '',
student_score: '',
studentlist: []
}
},
methods: {
addstudent () {
this.studentlist.push({
stu_name: this.student_name,
stu_score: this.student_score
})
console.log(this.studentlist)
}
}
}
</script>
读取二维数组
var board = gameContent[0].board;
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。