博客

在el-table中使用el-input-number默认传值value

先写一个大家经常出现的问题

<el-table ...>
  ...
  <el-table-column ...>
    <template scope="scope">
      <el-input-number v-model="scope.row.num" :min="1" size="small" 
      @change="handleChange(value,scope)"></el-input-number>
    </template>
  </el-table-colum>
  ...
</el-table>
methods: {
	handleChange(value,scope) {
     console.log(value,scope);
   }
}

问题是value的默认被取代了导致的，所以我们要改变一下入参，废话不多说，直接上代码

<el-table ...>
  ...
  <el-table-column ...>
    <template scope="scope">
      <el-input-number v-model="scope.row.num" :min="1" size="small"
          @change="(value) => handleChange(value, scope)"></el-input-number>
    </template>
  </el-table-colum>
  ...
</el-table>

这样就解决了value找不到的问题

当在el-table中嵌套含有默认参数的方法都可以使用这样的方法！