Vue实现添加数据到二维数组并显示

2022-04-24 14:03:51 作者：南柯Seven

这篇文章主要介绍了Vue实现添加数据到二维数组并显示方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

添加数据到二维数组并显示

<li v-for="(item, index) in studentlist" :key="index">
    {{item.stu_name}}--{{item.stu_score}}
       <span id="student_name">学生姓名</span>
       <input type="text" v-model="student_name">
        <span id="student_score">期末成绩</span>
        <input type="text" v-model="student_score">
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;
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
vue 如何删除数组中的某一条数据
Vue如何根据id在数组中取出数据
编写Vue项目,如何给数组的第一位添加对象数据
vue如何实时往数组里追加数据
vue 数组添加数据方式
vue实现二级弹框案例
2022-08-08
一文详解Pinia和Vuex与两个Vue状态管理模式
2022-08-08
解决element ui cascader 动态加载回显问题
2022-08-08
Vue cli3.0创建Vue项目的简单过程记录
2022-08-08
Vue 项目性能优化方案分享
2022-08-08
vue demi支持sfc方式的vue2vue3通用库开发详解
2022-08-08
Vue中使用Ueditor的示例详解
2022-08-08
Vue el-menu 左侧菜单导航功能的实现
2022-08-08
美国设下计谋,用娘炮文化重塑日本,已影响至中国
2021-11-19
时空伴随者是什么意思?时空伴随者介绍
2021-11-09
工信部称网盘企业免费用户最低速率应满足基本下载需求，天翼云盘回应：坚决支持，始终
2021-11-05
2022年放假安排出炉：五一连休5天 2022年所有节日一览表
2021-10-26
电脑版 - 返回首页
2006-2023 脚本之家 JB51.Net , All Rights Reserved.
苏ICP备14036222号