javascript - Vue js 和收藏/喜欢按钮

标签 javascript vue.js vuejs2 vuex

我想知道“收藏”、“订阅”或“点赞”按钮是如何工作的。 我有些不明白。

例如:

用户喜欢 ID 为 243 的帖子。

一个ajax请求被发送到服务器,其中包含帖子的ID(243)[这里返回了最终的东西,用户的收藏夹列表被更新,包括该帖子]并且服务器发回成功响应。

现在,我想如何处理修改“喜欢”按钮以实际显示喜欢的按钮(永久,包括刷新)。

如何在 Vue JS 中实现这一点。事情如何更新?我不明白这部分。

最佳答案

如果服务器发回成功的响应,您可以增加已有的数字。

这个初始数字是您通过 prop、直接从服务器或通过初始 AJAX 请求获得的。

如果您想“永久”更新按钮上的点赞数量,您必须将其保存到数据库(或其他存储介质)。在您的服务器上,您可以有一个接受帖子 ID 作为参数并递增该特定用户帖子的路由:

/incrementlike/243

这是您发出 POST ajax 请求的地方。大多数时候,在 MVC 框架中,您会将 Controller 操作/方法映射到此路由,以保存响应此调用的逻辑。

如果您对向服务器发出 AJAX 请求以增加后端的 Like 后发生的部分感兴趣,我建议您阅读路由或 MVC 结构。

关于javascript - Vue js 和收藏/喜欢按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47018400/

相关文章:

css - VueJS : How to style the active <a> tag in a router-link?

javascript - 将选项设置为选定的

javascript - VueJS 语法 : Running method on mount

javascript - 无法读取未定义的属性 - p5js

Javascript 缓存破坏图像源

javascript - 推送时获取 Firebase UID,然后在 Java 中使用给定的 UID 再次推送

javascript - 使用 V-For 为按钮动态分配键码

javascript - vuejs 中的动态表单时髦行为

arrays - Vue watch 数组(或对象)推送相同的旧值和新值

javascript - jQuery:触发跨度上的事件点击