在Vue.js中,我们通常使用router-link和Link模块两种方式来传递参数。
1. 使用router-link传递参数:我们可以利用params和方法query来实现。例如,<
```html
<router-link :to=" {path:'/page1',query: {username}}"> page1 </router-link>
<router-link :to=" {name:'page2',params: {username1}}"> page2 </router-link>
```react router 跳转
在上述代码中,我们通过`query`属性将参数添加到URL的查询字符串中,并通过`params`属性将参数直接添加到URL路径中。
2. 使用Link模块传递参数:首先,我们需要引入Link模块,然后在Link标签中带上要传递的参数。最后,在跳转页面接收参数。具体实现如下:
```javascript
import { Link } from 'dva/router';
//...
<Link to= { { pathname:`/要跳转的路径`, state: {key值:val值} } }>
```
在上述代码中,我们通过`state`对象将参数添加到URL的查询字符串中,并在目标页面通过`this.props.location.state`获取这些参数。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论