1:咱们知道当从一个组件经过传值到另外一个页面例:从列表页带参数ID,到详情页
(这里是非父子关系),该详情页会被复用,那么获取详情ID,就要用到 beforeRouteEnter 组件内钩子函数
,在next()
回调函数中获取id并发送请求这是第一种方式
3:假如咱们从详情页再次跳转至详情页,仍然带参数id
,此时,同一组件的跳转则此次beforeRouteEnter钩子函数不会执行,取而代之的是beforeRouteUpdate钩子函数,来获取传进来的值。这是第二种方式
4:就是今天要说的主题,当把dialog弹框封装在一个组件内,并在父页面调用,经过传值的方式控制show or false
,它大概是这样的
此时在列表页
点击好比:详情,查看,编辑时,同一组件跳转,第二次不会接受到传进的id
,代码大概是这样
在Dialog 里面 ,此时的beforeRouteEnter 和 beforeRouteUpdate
不会被触发,我使用的是watch
能够拿到值,虽然这种方式不恰当,不过能够互相交流,学习下。web