vue 路由传值

之前文章中路由设置好后，插入组件就遇到了传值的问题

路由配置 index.js文件中，在path路径path: '/pnotice 后面添加所传参数 path: '/pnotice/:num' ：

 {
            path: '/pnotice/:num',
            name: 'Pnotice',
            component: Pnotice
  },

在父组件中直接传参：

to:'/pnotice/工作动态' 

在子组件中，用this.$route.params.num直接接收数据，num则显示成工作状态：
(注意点是 接受和传值的名称必须一致，都为num 我试了一下 换了名字就不好使了)

<template>
  <div>
    <span>{{num}}</span>
  </div>
</template>

<script>

export default {
  name: 'PolicyContent',
  data () {
    return {
      num: ""
    }
  },
  methods: {
  },
  mounted () {
    this.num = this.$route.params.num
  }
}
</script>

图片.png

参考文章：https://www.jianshu.com/p/5dff306fdb0f