vue中router-link的传参
<router-link>组件支持用户在具有路由功能的应用中 (点击) 导航。 通过to属性指定目标地址,默认渲染成带有正确链接的<a>标签,可以通过配置tag属性生成别的标签.。另外,当目标路由成功激活时,链接元素自动设置一个表示激活的 CSS 类名。本次我介绍如何利用router-link进行传递参数官网给出的例子<router-link...
·
<router-link>
组件支持用户在具有路由功能的应用中 (点击) 导航。 通过 to
属性指定目标地址,默认渲染成带有正确链接的 <a>
标签,可以通过配置 tag
属性生成别的标签.。另外,当目标路由成功激活时,链接元素自动设置一个表示激活的 CSS 类名。
本次我介绍如何利用router-link进行传递参数
官网给出的例子
<router-link> Props
to
类型: string | Location
required
表示目标路由的链接。当被点击后,内部会立刻把 to
的值传到 router.push()
,所以这个值可以是一个字符串或者是描述目标位置的对象。
本文使用带查询参数的形式
示例
<router-link :to="{path:'/index',query:{id:1}}" >
属性id的值可以是变量也可以是常量
router.js中进行接收参数
routes: [
{
path: '/index', //一级url路径
name: 'index',
component: index,
props: (route)=>{
return {
id: route.query.id
}
},
]
子组件 index.js中进行接收参数
<script>
export default {
props:["js"]
}
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)