vue做个简单的系统通知页面思路

最新推荐文章于 2024-08-25 08:47:29 发布

接口写好了吗

最新推荐文章于 2024-08-25 08:47:29 发布

阅读量3.2k

点赞数 5

分类专栏：功能实现文章标签： vue html5 es6 css3 vue.js

本文链接：https://blog.csdn.net/seeeeeeeeeee/article/details/118404471

版权

功能实现专栏收录该内容

154 篇文章 93 订阅

订阅专栏

简单的系统通知页面写法

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

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