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