javascript – Wie fügt Vue2.x nach einer bedingten Beurteilung dynamisch eine Nachrichtenaufforderungskomponente ein?

Question

Ich habe Message ursprünglich in der Element-Benutzeroberfläche verwendet, aber der Stil passte nicht zum Projekt und das Design wurde einer neuen Benutzeroberfläche übergeben. Jetzt möchte ich diese Nachrichtenaufforderung als Komponente schreiben, um zu erfahren, wie dieser Aufruf implementiert wird. Oder es muss nicht in dieser Form vorliegen, solange es nach dem Aufruf in api.jsMessage.error('接口请求失败'); dynamisch in das DOM eingefügt werden kann

Answer 1

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

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

Answer 2

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