Vue ElementUI表格table中使用select下拉框组件时获取改变之前的值

目前项目中有一个场景，就是表格中显示下拉框，并且下拉框的值可以更改，更改后提交后台更新。因为这个操作比较重要，所以切换时会有一个提示框，提示用户是否修改，是则走提交逻辑，下拉框显示最新值；否则直接返回，下拉框还是显示原始值。

如果不记住原始值，点击取消，下拉框显示的是刚刚选择的新值，不符合逻辑。因此需要拿到修改之前的值，点击取消就还原成原始值。

之前用ref="useState"，在change方法中通过this.$refs['useState'].value，永远只能拿到一个1，不是我想要的值。

解决办法：给select的ref绑定row.id，id是后台给的能保证唯一性，:ref="row.id"，这样在方法里面就可以通过this.$refs[row.id].value获取到每条数据对应的preValue了。