javascript - vue + js 代码不生效？

Question

el-table 里的输入框实现递增输入，正常输入没有问题，当删掉其中一个值后，再输入符合条件的也不生效了，不知道是什么原因

Answer 1

也没搞懂你想要表达的需求，看你代码没有涉及到递增倍数只是纯提示。看是不是这样的，我按最简单办法搞。

        <template>      <el-table :data="tableData" border style="width: 100%">        <el-table-column prop="id" label="ID" width="180"> </el-table-column>        <el-table-column prop="name" label="姓名"> </el-table-column>        <el-table-column prop="amount1" sortable label="数值 1">          <template slot-scope="scope">            <el-input type="text" v-model="scope.row.price" />          </template>        </el-table-column>        <el-table-column prop="amount2" sortable label="数值 2"> </el-table-column>        <el-table-column prop="amount3" sortable label="数值 3"> </el-table-column>        <el-table-column label="保存">          <template slot-scope="scope">            <el-button type="primary" size="mini" @click="handleSave(scope)"              >保存</el-button            >          </template>        </el-table-column>      </el-table>    </template>    <script>    export default {      data() {        return {          tableData: [            {              id: "12987122",              name: "王小虎",              price: "1",              amount2: "3.2",              amount3: 10,            },            {              id: "12987123",              name: "王小虎",              price: "2",              amount2: "4.43",              amount3: 12,            },            {              id: "12987124",              name: "王小虎",              price: "3",              amount2: "1.9",              amount3: 9,            },            {              id: "12987125",              name: "王小虎",              price: "4",              amount2: "2.2",              amount3: 17,            },            {              id: "12987126",              name: "王小虎",              price: "5",              amount2: "4.1",              amount3: 15,            },          ],        };      },      methods: {        handleSave(e) {          if (e.$index != 0) {            let inputPrice = e.row.price;            let row = e.$index - 1;            if (inputPrice <= this.tableData[row].price) {              this.$message.info("输入价格必须递增");            } else {              this.$message.info("保存成功！");            }          } else {            this.$message.info("保存成功！");          }        },      },    };    </script>