javascript - VueJS : Updating data based on query variable

Question

在我的 route ，我有一个参数，例如:?id=101

我有一些数据，例如:

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

现在，我想要执行以下操作:如果存在查询参数，我想使用查询变量中的 id 更新数据中的 id。我尝试在获取中执行此操作，如下所示:

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

但是，什么也没有发生。我还尝试从 fetch 调用函数，但它说该方法未定义。

你能帮忙吗？

Answer 1

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

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
        }
      })
    }
  }
}

更多信息在这里:

https://router.vuejs.org/guide/advanced/data-fetching.html