Vue实现添加数据到二维数组并显示
更新时间:2022年04月24日 14:05:00 作者:南柯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;
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Vue3发送post请求出现400 Bad Request报错的解决办法
这篇文章主要给大家介绍了关于Vue3发送post请求出现400 Bad Request报错的解决办法,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-02-02element-ui中导航组件menu的一个属性:default-active说明
这篇文章主要介绍了element-ui中导航组件menu的一个属性:default-active说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-05-05Vue3警告:Failed to resolve component:XXX的详细解决办法
最近在一个vue3项目中遇到了报错,整理了些解决办法,这篇文章主要给大家介绍了关于Vue3警告:Failed to resolve component:XXX的详细解决办法,文中介绍的非常详细,需要的朋友可以参考下2023-05-05
最新评论