简单的系统通知页面写法

消息通知页面:
通过定时器定时请求,拿到数据然后加到一个数组内,页面上循环数组渲染,
这样定时请求到新数据就放进数组页面也多一个通知,加个判断看数组内是否有一样的,
如果有就不添加了,没有就添加。如果用户点击删除就发请求删除数据库里对应的消息,
下次请求渲染这条就没了,如果用户不删除,一直放着,就用 created 每次进入页面的时候请求后台,
拿数据放到数组内循环渲染一次页面,就可以一直保持住这些消息让用户看到。
如果需要添加点击跳转单独详情页,那传参(比如index或者一些不会重复的id)过去详情页发请求拿到数据渲染。
如果需要有未读的小红点提示功能,添加的新的消息时小提示+1,从新渲染的不算。点击小铃铛进来后未读归0,红点隐藏

类似这样的页面,可以接受系统定时发送的消息,已经一些系统提示之类的,简单写法,更多功能可以扩展。

Logo

前往低代码交流专区

更多推荐