vue3使用encodeuricompoent跳转外部链接

在Vue3中，当你需要通过`router-link`组件或者普通的HTML `a`标签跳转到外部URL，并且希望对URL中的某些字符进行编码，以防止特殊字符干扰链接，可以使用`encodeURIComponent()`函数。这个函数用于将字符串转换为适合于URI组件的格式，包括 `%` 编码。

例如，假设你想跳转到 `https://example.com?param=用户输入%的名字`，你需要对 "用户输入%" 这样的字符进行编码：

<router-link :to="{ path: 'external-url', query: { param: encodeURIComponent('用户输入%的名字') } }">
  跳转链接
</router-link>

或者对于普通的`<a>`标签：

<a href="https://example.com?param={{ encodeURIComponent('用户输入%的名字') }}">{{ '点击这里' }}</a>

在这个例子中，`encodeURIComponent('用户输入%的名字')`会返回 `'用户输入%25%E7%A7%BB%E5%8A%A8'`这样的编码形式，然后你可以将其插入到URL中作为参数值。