vue项目里面频繁打开组件数据异常问题

最近项目里面遇到的一个bug,这样一个表格点击编辑选项，
里面会出现一个模态框里面会展示该行的数据，但是点击下一行里面的编辑的时候经常会出现这样一个bug：
点第一行的编辑后，关闭模态框，然后点击第二行的编辑出现的模态框里面的数据仍然是第一行的。
解决方案

//用vue里的watch钩子，观测点击编辑时传入的id，一旦id发生变化重新加载模态框里面的数据
watch: {
  id: function() {
    this.getFilamentDetail();
  }
}