您的当前位置:首页VueElementUI表格table中使用select下拉框组件时获取改变之前的值

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

2022-01-05 来源:乌哈旅游
VueElementUI表格table中使⽤select下拉框组件时获取改变之前

的值

⽬前项⽬中有⼀个场景,就是表格中显⽰下拉框,并且下拉框的值可以更改,更改后提交后台更新。因为这个操作⽐较重要,所以切换时会有⼀个提⽰框,提⽰⽤户是否修改,是则⾛提交逻辑,下拉框显⽰最新值;否则直接返回,下拉框还是显⽰原始值。

如果不记住原始值,点击取消,下拉框显⽰的是刚刚选择的新值,不符合逻辑。因此需要拿到修改之前的值,点击取消就还原成原始值。之前⽤ref=\"useState\",在change⽅法中通过this.$refs['useState'].value,永远只能拿到⼀个1,不是我想要的值。

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

因篇幅问题不能全部显示,请点此查看更多更全内容