如何通过点击按钮来禁用整个表单,其他只读状态?

vuecli + elementUI 目前就是有编辑,保存和取消的按钮
下面一个表单,只有点击编辑按钮,本身的按钮变成禁用状态,其他两个按钮恢复启用,这个表单才可以操作。
image.png
反之,点击保存或取消按钮,编辑按钮恢复启用,表单现在是只读状态,也就是整个表单禁用,无法修改。
image.png
我尝试用了绑定disabled属性来禁止,但是无一例外,没有达到这种效果,请各位大神赐教

阅读 2.6k
1 个回答

form没有disabled属性,所以你应该设置在每一个表单元素上。

一种简单的实现方法就是加一个蒙版,来模拟禁止效果

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题