在elementui中如何禁止整个表单操作，只能只读？

Question

我的项目是这样的，就是一个编辑按钮，下面一个表单，只有我点击编辑是，这个表单才可以操作，其他时候是只读状态，是不是我要用上disabled或readonly这些属性来禁止，然后我点击编辑时，循环遍历表单，去除这些disabled,readonly属性达到效果？还是说有其他的好方法，请各位大神赐教

Answer 1

https://jsfiddle.net/stardew/...

Answer 2

在data里添加一个变量 readonly:false
然后把它绑定到你需要控制的控件里就好了。
加个按钮/选择框什么的修改readonly的值就好了

Answer 3

比如说表单里面有编辑，<el-button :plain="true" :disabled="forbidden">编辑</el-button>

data(){
forbidden：false
}

Answer 4

回答很棒回答很棒回答很棒回答很棒