打字稿中 URL 查询参数的类型是什么？

Question

我需要从 Vue3 中的 URL 获取选举 id，以便在稍后的调用中将其用作 axios 调用中的查询参数。我的网址是“http://localhost:8080/#/requestPIN/py6lzerjwjntl4dmr9n77e6x73blk925?electionId=thirdElection”

我正在尝试做：

get ID(): string | undefined {
return this.$route.query.electionId

}

这给了我一个打字稿错误：

Type 'LocationQueryValue | LocationQueryValue[]' is not assignable to type 'string | undefined'. Type 'null' is not assignable to type 'string | undefined'.

URL 查询参数的正确类型是什么？

Answer 1

使用nullish coalescing 运算符，您可以在表达式为null 或undefined 的情况下“回退到”undefined：

get ID(): string | undefined {
    return this.$route.query.electionId ?? undefined;
}