获取当前页面由哪个路由跳转

在这个路由方法中不能访问到组件实例this但是可以使用next里面的vm访问到组件实例并通过vm.$data获取组件实例上的data数据getCurrentInstance

是vue3提供的获取组件实例的方法可通过getCurrentInstance函数获取了当前组件实例对象并通过instance.data.message和instance.ctx.sayHello访问了组件实例的数据和方法

templatediv

v-modelroleInfo.roleName/el-input/el-form-itemel-form-item

label角色标识

v-modelroleInfo.roleLabel/el-input/el-form-item/el-form/divdiv

classrole-menu-bodyel-scrollbarel-tree

:propsdefaultProps

check-on-click-nodedefault-expand-all

refmenuTreeRef

:dataroleMenuTreeData/el-tree/el-scrollbar/divdiv

clickgoBack返回/el-buttonel-button

typeprimary

clicksaveRoleMenu保存/el-button/div/div/div

/template

{console.log(route);getRoleMenuByRoleIdApi(route.params.roleId).***n(({

roleId,

menuTreeRefnextTick((){menuIdList.forEach(menuId{menuTreeRef.value.setChecked(menuId,

true,

[...menuTreeRef.value.getHalfCheckedKeys(),

...menuTreeRef.value.getCheckedKeys(false)

]saveRoleMenuApi({

{Messager.ok(保存成功)instance.data.isSaved

true

通过instance访问组件实例上data配置项的数据router.push({

}function

通过instance访问组件实例上data配置项的数据if(instance.data.formerRoute.path)

{router.push({

console.log(beforeRouteLeave);if

{msgBoxer.confirm(您确定要离开当前页面么?).***n(res

{next()//

关闭当前页签tagsViewStore.closeSpecifiedTag({name:

{next(false)})}

关闭当前页签tagsViewStore.closeSpecifiedTag({name:

route.name})}})console.log(setup...);

/scriptstyle