在el-table中使用el-input-number传值延迟

Vue ElementUI

 2017/12/05 

要说的就这么多

<el-table ...>
  ...
  <el-table-column ...>
    <template scope="scope">
      <div>
        <el-input-number v-model="scope.row.quantity" @change="(value) => handleInput(value, scope.row.quantity)" ...>
        </el-input-number>
      </div>
    </template>
  </el-table-colum>
  ...
</el-table>

handleInput (value, quantity) {
  console.log(value) // 真实值
  console.log(quantity) // 前一个值
},

直接这样就没事

<el-table ...>
  ...
  <el-table-column ...>
    <template scope="scope">
      <div>
        <el-input
          v-model="scope.row.quantity" @change="handleInput(scope.row)" class="count-input" onkeypress="return event.keyCode>=48&&event.keyCode<=57">
          <el-button slot="prepend" @click="del(scope.row)"><i class="el-icon-minus"></i></el-button>
          <el-button slot="append" @click="add(scope.row)"><i class="el-icon-plus"></i></el-button>
        </el-input>
      </div>
    </template>
  </el-table-colum>
  ...
</el-table>

原文作者：Yizhou Shen

原文链接：http://shenyizhou.github.io/2017/12/05/2017-12-05-%E5%9C%A8el-table%E4%B8%AD%E4%BD%BF%E7%94%A8el-input-number%E4%BC%A0%E5%80%BC%E5%BB%B6%E8%BF%9F/

发表日期：December 5th 2017, 8:09:30 pm

更新日期：September 6th 2023, 3:04:23 pm

Next Post

JS语句执行顺序的研究
Previous Post

神志不清写下的代码

CATALOG

1. 要说的就这么多
2. 直接这样就没事