Vue3如何避免多个用户同时操作同一条记录，该如何提示？

Question

经常会遇到多个用户操作一条数据的情况，怎么在前端防止或者提示用户有人正在操作数据呢？

Answer 1

感觉这涉及到事务锁定了，需要后端同步支持；
我能想到的方案就是：
前端这边有用户进入操作前，向后端传递一个锁定信号，然后：

如果这条数据没有没锁定，后端锁定该数据，成功后用户进行操作；
如果这条数据已被锁定了 —— 意味着已有其他用户在操作此条数据，后端返回提示信息（或报错信息），前端给予提示，并且用户不可以进行操作

最后当第一位操作的用户完成操作后，后端要解锁该条数据。
大致是这样一个思路。

如果觉得有帮助的话麻烦动动小手点一下采纳嗷~