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

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

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

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

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

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