之前文章中路由設(shè)置好后，插入組件就遇到了傳值的問題
路由配置 index.js文件中肥败，在path路徑path: '/pnotice 后面添加所傳參數(shù) path: '/pnotice/:num' ：
{
path: '/pnotice/:num',
name: 'Pnotice',
component: Pnotice
},
在父組件中直接傳參：
to:'/pnotice/工作動(dòng)態(tài)'
在子組件中拘领，用this.$route.params.num直接接收數(shù)據(jù)掀潮，num則顯示成工作狀態(tài)：
(注意點(diǎn)是 接受和傳值的名稱必須一致移盆，都為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
