搜索

首页  >  问答  >  正文

javascript - Vue2.x如何在条件判断后动态插入一个消息提示组件

本来用的Element UI里的Message,但是风格与项目不符,设计给了新的UI,现在我想把这个消息提示写成组件,如何实现这种调用Message.error('接口请求失败');。或者说不一定是这种形式,只要可以在api.js中调用后动态插入DOM

仅有的幸福仅有的幸福2749 天前655

全部回复(2)我来回复

  • PHPz

    PHPz2017-05-19 10:27:11

    我试过两种方法
    一:将组件挂到根组件上,将组件的状态信息绑定到vuex当中.在vue的prototype中暴露一个接口用于改动组件的状态.即通过调用dispatch改变vuex状态从而使得组件状态改变.

    二.组件不需要挂载,而是在vue的prototype中暴露一个接口,每当调用该接口的时候,动态构建vue实例并以Message组件作为其子组件

    回复
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:27:11

    你可以写一个弹框的组件 引用vuex 全局设置一个变量 当ajax返回后根据不同状态显示弹框

    回复
    0
  • 取消回复