Javascript VueJS：基于查询变量更新数据

在我的路径中，我有一个参数，比如：？id=101

我有一些数据，比如：

data () {
  return {
   record: {id: null}
  }
}

现在，我想做的是：如果查询参数存在，我想用查询变量中的id更新数据中的id。我尝试在fetch中执行此操作，如下所示：

async fetch ({ store, redirect, params, query }) {
  this.record = {id: query.id}
}

然而，什么也没有发生。我还尝试从

fetch

调用一个函数，但它说方法没有定义

---

你能帮忙吗

好，我的答案被删除了。请在下面找到答案：

export default {
  data () {
    return {
      record: {
        id: null
      }
    }
  },
  created () {
    this.fetchData()
  },
  watch: {
    '$route': 'fetchData'
  },
  methods: {
    fetchData () {
      getRecord(this.$route.query.id, (err, id) => {
        if (err) {
          this.error = err.toString()
        } else {
          this.record.id = id
        }
      })
    }
  }
}

更多信息请点击此处：