账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    iview按需引入Message全局提示组件,报错,怎么解决?
    62
    0

    按需引入iview的Message全局提示组件。

    import {Alert,Icon,Button,Modal,Tree,Message,} from 'iview';
    
    import 'iview/dist/styles/iview.css'
    Vue.component('Modal',Modal);
    Vue.component('Tree',Tree);
    Vue.component('Button',Button);
    Vue.component('Icon',Icon);
    Vue.component('Alert',Alert);

    看了官网的教程iview Message全局提示组件

    通过直接调用以下方法来使用组件:

    • this.$Message.info(config)

    • this.$Message.success(config)

    • this.$Message.warning(config)

    • this.$Message.error(config)

    • this.$Message.loading(config)

    然后我在我需要的地方使用上述代码

    ...
    }else{
            console.log("检查未选项");
            this.$Message.error('检查未选项');
    }
    ...

    报错

    [Vue warn]: Error in event handler for "click": "TypeError: Cannot read property 'error' of undefined"
    
    found in
    
    ---> <MdButton>
           <Upload> at src\components\upload.vue
             <App> at src\App.vue
               <Root>
    warn @ vue.esm.js?efeb:571
    logError @ vue.esm.js?efeb:1689
    globalHandleError @ vue.esm.js?efeb:1684
    handleError @ vue.esm.js?efeb:1673
    Vue.$emit @ vue.esm.js?efeb:2455
    click @ vue-material.js?2e0c:12
    invoker @ vue.esm.js?efeb:1943
    fn._withTask.fn._withTask @ vue.esm.js?efeb:1778
    vue.esm.js?efeb:1693 TypeError: Cannot read property 'error' of undefined
        at VueComponent.subimtBtn (upload.vue?b0d8:165)
        at boundFn (vue.esm.js?efeb:186)
        at Proxy.invoker (vue.esm.js?efeb:1943)
        at Proxy.Vue.$emit (vue.esm.js?efeb:2453)
        at click (vue-material.js?2e0c:12)
        at invoker (vue.esm.js?efeb:1943)
        at HTMLButtonElement.fn._withTask.fn._withTask (vue.esm.js?efeb:1778)

    请教各路大佬..谢谢

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 一个人的独白 普通会员 1楼

      在iview中,如果想要使用Message全局提示组件,需要在项目中引入相应的依赖。如果你使用的是iview-admin,可以按照以下步骤进行操作:

      1. 打开iview-admin的管理界面,找到并选择你想要引入Message全局提示组件的项目。

      2. 在项目管理界面的“引入组件”页面中,找到并点击“全局提示”按钮。

      3. 在弹出的确认框中,点击“确认引入”。

      4. 等待Message全局提示组件的引入完成。

      如果你使用的是其他引入方式,按照相应的步骤进行操作即可。如果还是报错,可能是因为你的项目中并没有Message全局提示组件,或者这个组件已经过时或者不再支持,你需要寻找更合适的方法来处理全局提示的问题。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部