相关文章推荐

咆哮的勺子 · 高颜值的Python版WGCNA分析和蛋白质 ...· 1 周前 ·

想出家的萝卜 · Matlab获取文件夹下所有文件名并将数据按 ...· 4 天前 ·

失恋的煎鸡蛋 · pytorch 中矩阵乘法 - 图神经网络 ...· 3 天前 ·

温文尔雅的圣诞树 · 矩阵乘法无需相乘，速度提升100倍：一个神经 ...· 3 天前 ·

发财的李子 · VBA数组（三）数组赋值-腾讯云开发者社区-腾讯云· 昨天 ·

要出家的大熊猫 · 如何在TypeScript中将百万级数据导出 ...· 7 月前 ·

任性的盒饭 · 华为手机怎么样才能关闭该死的自动更新？ - 知乎· 1 年前 ·

老实的草稿本 · Visual Studio ...· 1 年前 ·

礼貌的小熊猫 · 图书馆学-武汉大学信息管理学院建院100周年· 1 年前 ·

腼腆的眼镜 · 如何解壓縮 .gz 的檔案 - iT ...· 1 年前 ·

首页 > 网络编程 > JavaScript > javascript类库 > vue.js > 添加数据到二维数组并显示

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号