公司项目有个需求,就是在头部显示消息提醒的数量。
类似qq邮箱,把未读信息勾选后,上面头部的铃铛消息提醒数量想同步修改。
那就得在把未读信息勾选为已读信息的时候调用一下查询信息提醒的接口。
消息提醒的接口需要写在头部那里,然后再写一个全局函数给其它页面调用,通过其它页面调用头部查询信息提醒的接口传数据渲染到页面;
现在 在公共service.js里面定义个全局变量
//window下添加时间,通知信息数量变化
const EVENT_MESSAGENUM = 'EVENT_MESSAGENUM';
export default {
EVENT_MESSAGENUM
};
然后再Home.vue 里引入
import { EVENT_MESSAGENUM }from "@/assets/common/service";
mounted() {
let _this = this;
this.queryCount();//第一次进来页面请求的方法
window[EVENT_MESSAGENUM] = function(data){ //通过其它页面请求的方法
_this.queryCount();
}
},
methods: {
queryCount(){
//查询信息提醒 的请求方法
}
}
其它操作页面调用 绑定到window对象的方法。
//引入window全局变量
import { EVENT_MESSAGENUM }from "@/assets/common/service";
methods: {
editCount(){
//调用全局定义的window方法;
window.top[EVENT_MESSAGENUM]();
}
}