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都可以
Logo

前往低代码交流专区

更多推荐