vue的超链接传值方式
准备工作:
①新建一个vue页面
②在router/index.js下
1)头顶引入页面,加入这行代码:
import GoodsDetail from '@/components/GoodsDetail'
// 代码解释:第一个GoodsDetail是第二步里面routes里面的name值
// 后面from就是你这个vue页面的路径
2)底下添加routes
{
path:'/goodsDetail', // 和router-link to相呼应,导航到/goodsDetail
name:'GoodsDetail',
component:GoodsDetail
}
// 暂时还不知道这个component属性的作用,望指出
③然后在需要超链接的页面编写的两种方式
1、使用的是name,这个name是router/index.js下routes的name
<router-link :to="{name:'GoodsDetail',query:{id:row}}"></router-link>
2、使用的是path,这个path是router/index.js下routes的path
<router-link :to="{path:'/goodsDetail',query:{id:row}}"></router-link>
3、然后是在对应页面取值
{{ this.query.id }}
// this.query这一段是固定的,然后后面这个id就是你自己定义的key
// row就是你要传的value,可以传一个字符串或者数组或者json都可以