vueelementuiadminVue_warn_Property_visible_must_be_accessed_with_datavisible_because_properties_start_0">使用vue-elementui-admin后台框架,改写路由权限校验时,报错[Vue warn]: Property “visible“ must be accessed with “$data.visible“ because properties start…
在permission.js文件中改写以下部分代码,改了try以内的代码,就报上述错误
try {
// get user info
// note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
const { roles } = await store.dispatch('user/getInfo')
// generate accessible routes map based on roles
const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
// dynamically add accessible routes
router.addRoutes(accessRoutes)
// hack method to ensure that addRoutes is complete
// set the replace: true, so the navigation will not leave a history record
next({ ...to, replace: true })
}
catch (error) {
// remove token and go to login page to re-login
await store.dispatch('user/resetToken')
Message.error(error || 'Has Error')
next(`/login?redirect=${to.path}`)
NProgress.done()
}
解决方法: Message.error(error || ‘Has Error’) 应该改为 Message.error(error.message || ‘Has Error’)
原因: error 是一个对象,而 Message.error()接受类型为string/VNode