taro 获取当前url的参数

**获取当前 URL 的参数**

在开发过程中，我们经常需要从 URL 中获取某些参数。例如，用户登录后，我们可能需要从 URL 中获取用户名或密码等信息。在 Taro 框架中，也可以通过以下方法来实现。

###1. 使用 URLSearchParams 对象首先，我们需要引入 `URLSearchParams` 对象，这个对象提供了用于解析和操作 URL 查询字符串的方法。

javascriptimport { URLSearchParams } from 'url';

然后，我们可以使用 `URLSearchParams` 对象来获取当前 URL 的参数。

javascriptconst url = window.location.href;
const params = new URLSearchParams(url);
console.log(params.get('key')); // 获取 key 参数的值

###2. 使用 URL 对象我们也可以使用 `URL` 对象来获取当前 URL 的参数。

javascriptimport { URL } from 'url';

const url = new URL(window.location.href);
console.log(url.searchParams.get('key')); // 获取 key 参数的值

###3. 使用 Taro APITaro 框架提供了一个 `getCurrentInstance` 方法，可以获取当前页面的实例。我们可以使用这个方法来获取当前 URL 的参数。

javascriptimport { getCurrentInstance } from '@tarojs/taro';

const instance = getCurrentInstance();
console.log(instance.$router.params); // 获取当前 URL 的参数

###4. 使用 Taro HooksTaro 框架提供了一个 `useParams` Hook，可以获取当前 URL 的参数。

javascriptimport { useParams } from '@tarojs/hooks';

const { params } = useParams();
console.log(params.key); // 获取 key 参数的值

### 总结通过以上方法，我们可以轻松地从 URL 中获取某些参数。在实际开发中，可以根据具体需求选择合适的方法。

**示例代码**

javascript// 使用 URLSearchParams 对象import { URLSearchParams } from 'url';

const url = window.location.href;
const params = new URLSearchParams(url);
console.log(params.get('key')); // 获取 key 参数的值// 使用 URL 对象import { URL } from 'url';

const url = new URL(window.location.href);
console.log(url.searchParams.get('key')); // 获取 key 参数的值// 使用 Taro APIimport { getCurrentInstance } from '@tarojs/taro';

const instance = getCurrentInstance();
console.log(instance.$router.params); // 获取当前 URL 的参数// 使用 Taro Hooksimport { useParams } from '@tarojs/hooks';

const { params } = useParams();
console.log(params.key); // 获取 key 参数的值

**注意**

* 在使用 `URLSearchParams` 或 `URL` 对象时，需要确保 URL 中有查询字符串。
* 在使用 Taro API 时，需要在页面中使用 `getCurrentInstance()` 方法获取当前实例。
* 在使用 Taro Hooks 时，需要在组件中使用 `useParams()` Hook获取当前参数。