javascript - 如何从路由参数中获取值并将其保存在 Nuxtjs 中的数据中

Question

例如我有这个

  mounted () {
    this.$router.push({
      path: '/activatewithphone',
      query: { serial: this.$route.params.serial, machine: this.$route.params.machine }
    })
  },

这意味着每当用户访问这样的 URL

  http://example.com/activate?serial=sddsdsds&machine=sdsdsd

不会向用户显示 404 页面。

serial 和 machine 的值是动态的，可以是任何东西。

我的问题是有一种方法可以获取值并将其数据存储在挂载上

例如

  data: () => {
    return {
      serial: '',
      email: '',
    }
  },

我可以获取该值并将其分配给我的序列号和电子邮件变量吗，也许使用this.serial

标签： javascriptvue.jsnuxt.js

Answer 1

你可以使用computed property：

computed: {
  serial() {
    return this.$route.query.serial
  },
  email() {
    return this.$route.query.email
  }

}