记录一下Element ui (dialog弹框)封装在组件中 在父组件调用的注意事项

记录一下Element ui (dialog弹框)封装在组件中 在父组件调用的注意事项

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