在最近的项目开发中,前端部分使用 Vue
开发,整个页面基于 Element-UI
实现。
由于是单页面多组件应用,使用了 Vuex
做状态管理。
为了页面交互的友好和风格的统一,消息提醒使用 Element-UI
的 Message消息提示
, 不使用 window.alert
this.$message({
showClose: true,
message: '警告哦,这是一条警告消息',
type: 'warning'
});
然而,系统使用了 Vuex
做状态管理,在 actions
中的方法中,this
并没有 $message
的引用,后续还需研究下相关的对象之间的关系,但是这次从另外一个角度,对这个问题进行了考虑。
通过这个思路,便于我们更灵活的控制js脚本。这里通过 Message消息提示
组件来演示。
我们知道 Vuex
的状态管理是通过数据进行页面管理的,也就是说所有的页面变化其实都是数据的变化引起的。
在 st