typescript - Vue + Typescript vue-router 和参数类型

Question

我正在尝试将一些数据从一个组件发送到另一个组件，但我在类型方面遇到了一些问题。
这是我的代码:

const someData: object = {
   param1: 'param1',
   param2: 'param2',
   array: [{},{}]
}
this.$router.push({ name: 'SomePage', params: { someData } }) 

我以这种方式获取数据:

  get param1 (): string {
    return this.$route.params.someData['param1']
  }
  get param2 (): string {
    return this.$route.params.someData['param2']
  }
  get array (): Array<object> {
    return this.$route.params.someData['array']
  }

来自控制台的错误:

Argument of type '{ name: string; params: { someData: object; }; }' is not assignable to parameter of type 'RawLocation'.
  Type '{ name: string; params: { someData: object; }; }' is not assignable to type 'Location'.
    Types of property 'params' are incompatible.
      Type '{ someData: object; }' is not assignable to type 'Dictionary<string>'.
        Property 'someData' is incompatible with index signature.
          Type 'object' is not assignable to type 'string'.

仅当我输入 any 时才有效至 someData ，但我不会不使用它。
我怎么解决这个问题？这是什么 'Location'和 'RawLocation'类型？

Answer 1

您可以通过页面作为查询参数传递的是字符串类型，而不是其他任何类型。这意味着您不能通过查询参数发送数组。
您应该将所有参数更改为字符串

   const someData: object = {
      param1: 'stringType',
      param2: 'stringType',
      ...
   }
   this.$router.push({ name: 'SomePage', params: { someData } })

代替 vux 的查询参数你可以保存和数据类型并在你想要的任何地方使用它，在我的开场白中，我会好得多，因为同时你可以自己管理传递的数据
关于你@MagnusTeekivi
您可以在使用它之后将其转换为字符串，就像这样

`this.$router.push({ name: 'user', params: { userId.toString() })`