一个学生表页面--VUE

<template>

  <div>

    <table border="1" cellspacing="0" style="margin:0 auto;width:1000px;text-align:center;">

      <tr>

        <th>序号</th>

        <th>姓名</th>

        <th>班级</th>

        <th>语文</th>

        <th>数学</th>

        <th>英语</th>

        <th>个人平均分</th>

        <th>操作</th>

      </tr>

      <tr :key="index" v-for="(item,index) in studenList">

        <td>{ {index+1}}</td>

                <td v-if="flag==index"><input type="text" v-model="item.name" /></td>

        <td v-else>{ {item.name}}</td>

        <td v-if="flag==index"><input type="text" v-model="item.class" /></td>

        <td v-else>{ {item.class}}</td>

        <td>

          <input type="text" v-if="flag==index" v-model.number="item.chinese" />

          <div v-else>

            <button @click="changeMark(item,'chinese','-')">-</button>

            { {item.chinese}}