router-link的传值及接收

一、利用router-link传值
普通的router-link标签写法

  <router-link to="/path/path">点击页面跳转</router-link>

如果利用router-link传值 里边的 to="" 变成 :to="",下面以我的代码为例

<router-link :to="{path: item.path, query: {value:chil.value, cindex:cindex}}">{{chil.title}}</router-link>

其中path用来写跳转的路径，在上边的代码中我用到了v-for循环，如果没有用到循环就可以直接写跳转途径；query里边放传递的参数
这里我传了value与cindex两个值
二、另一个页面接收值

  data () {
    return {
      value: this.$route.query.value,
      cindex: this.$route.query.cindex
    }
  },

这里我们可以在watch中进行监听，看看值有没有传入（以监听value为例）

  watch: {
    '$route.query.value': {
      handler: function (val) {
       console.log(val)
      },
      deep: true // 深度检测
    }
  },