使用vue-elementui-admin后台框架,改写路由权限校验时,报错[Vue warn]: Property “visible“ must be accessed with “$data.vi

news/2024/7/10 2:51:21 标签: vue, javascript

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


http://www.niftyadmin.cn/n/1181845.html

相关文章

Linux su与sudo详解

说明:由于图片太大,上传博客的图片是jpg格式的有点失真,看不清楚,可以双击打开查看,有朋友想看高清,无码,无水印的大图(png格式)请下载附件!转载于:https://b…

Java中数组Arrays.binarySearch,快速查找数组内元素位置

在数组中查找一个元素,Arrays提供了一个方便查询的方法。Arrays.binarySearch(); 测试列子: public class MainTestArray {public static void main(String args[]){String[] intArray new String[]{"a",&q…

创业点子何处来, 主要来源有四:

创业的点子与构想来源极多,世界创业实验室(elab.icxo.com)依据一项针对两百家杰出创业家的研究,创业点子的主要来源有四: 一、针对现有的产品与服务,重新设计改良; 二、追随新趋势潮流,如:电子商…

在elemenUI基础上,开发面板级联

在elemenUI基础上,开发面板级联 最近开发的项目需要做图中左边这样的级联效果,但是elementUI提供的面板级联案例无法满足项目所需要的功能,所以自己手写一个 现附上代码记录一下,代码是静态页面,数据都是假的&#x…

[开发笔记]-winfom ListBox控件选中项上下移动排序

实现ListBox控件选中项上下移动重新排序功能 效果图&#xff1a; 移动后效果&#xff1a; 代码&#xff1a; /// <summary>/// 上移选中项/// </summary>/// <param name"sender"></param>/// <param name"e"></param>…

MM相关T-code

物料主檔建立物料 MM01更改物料 MM02顯示物料 MM03標示待刪除物料MM06更改物料類型MMAM物料清單查詢MM60延伸儲存位置MMSC大量上傳物料主檔ZMMT018分類系統 維護物料特性CT04維護物料類別CL02LED主檔上載特性值範圍表及Bin碼組合規則表 ZMMT001LED屬性維護 ZMMT002供應商建立供…

存储2006,一个并购的大时代?

存储2006&#xff0c;一个并购的大时代&#xff1f;<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" />2003年&#xff0c;EMC斥资30多亿美元&#xff0c;连续收购了Legato、VMWare和Documentum三家软件公司&#xff0c;从此开启了…

UPnP工作过程

UPnP在控制指针和被控制设备之间提供通讯功能。而网络介质、TCP/IP协议、HTTP仅提供基本的连接和IP地址分配。整个工作过程需要处理六个方面的内容&#xff0c;即设备寻址、发现设备、对设备的描述、设备控制、设备事件、设备表达。设备寻址&#xff1a;地址是整个UPnP系统工作…