本文介绍了一种在前端项目中实现页面编辑状态切换的方法。通过URL参数控制页面初始状态，并使用响应式数据进行状态管理，轻松实现从只读到可编辑模式的转换。
后台管理系统，从列表跳转详情页面的常规操作，一般新增、编辑和详情页面是共用的，但是可能详情是禁止编辑的，点击编辑按钮之后页面又要可以编辑。
一般情况下，页面初始化，是否能够编辑，是通过路径上的pageType来判断
如: xxxxx/xxxxx?id=123&pageType=edit(add/details)
这时不管是vue还是react 项目 可以将页面类型 作为响应式数据的初始值，当我们需要将禁用改为可编辑时，只需要更改响应式数据即可达到目的。
如 [ status, setSttus ] = useEffect(页面的类型)
<Input disabled={status}>
我们只需修改 status 即可控制页面是否可以编辑
扫一扫
555
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
