VUE disabled和readonly无法变更

Question

 <el-form ref="form" :model="form" :rules="rules" label-width="80px" disabled=false>
        <el-form-item label="用户名" prop="userName">
                <el-input v-model="form.userName" placeholder="请输入用户名" />

我在表单里设置disabled，不管我=true还是"true"，false，"false"，通通都给我禁用了。
同理，readonly也是一样，不管我=后面填什么，最后都是只读。
我想做的是，我点查看，那么表单内容就是只读或者禁止编辑；点修改才可以编辑内容。
readonly="ro"
然后在data里面加一个ro="false"，在按钮点击里面来切换。
可是现在只要我在控件或者form属性里面写了disabled或者readonly，不管后面跟什么就直接不允许编辑了，无法更新。

Answer 1

使用 :disabled做绑定

 <el-form ref="form" :model="form" :rules="rules" label-width="80px"  :disabled="false">