vue3 a标签href跳转页面携带参数 获取参数
时间: 2023-08-02 11:45:32 浏览: 333
vue.js 实现a标签href里添加参数
如果你想要在 `a` 标签中跳转到另一个页面并且携带参数,可以使用以下方式:
1. 在链接中直接添加参数:
```html
<a href="/page?id=123">跳转到页面</a>
```
在另一个页面中,可以通过以下方式获取参数:
```javascript
const searchParams = new URLSearchParams(window.location.search);
const id = searchParams.get('id');
console.log(id); // 输出:123
```
2. 使用路由跳转并携带参数:
如果你使用的是 Vue Router,你可以在 `router-link` 组件中使用 `to` 属性来指定跳转的路径,并且通过 `query` 属性来传递参数:
```html
<router-link :to="{ path: '/page', query: { id: 123 } }">跳转到页面</router-link>
```
在另一个页面中,可以通过以下方式获取参数:
```javascript
const id = this.$route.query.id;
console.log(id); // 输出:123
```
希望能够帮到你!
阅读全文