web前端-vue中设置el-form-item是否可编辑
Posted MinggeQingchun
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了web前端-vue中设置el-form-item是否可编辑相关的知识，希望对你有一定的参考价值。
设置el-input，textarea只读方法，使显示的文本内容不允许变更。此时，可通过页面限制防止用户修改
方法：添加 readonly="true" 或者 :disabled="true" 均可实现。代码示例如下所示：
<el-form-item label="用户：" :label-width="formLabelWidth">
<el-input type="textarea" readonly="true" v-model="formData.benchmarkDetail" clearable placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="昵称：" :label-width="formLabelWidth">
<el-input type="textarea" :disabled="true" v-model="formData.targetDetail" clearable placeholder="请输入"></el-input>
</el-form-item>从显示样式上简单来看：
1、使用属性 readonly="true" 方式，输入框或文本域无灰色底
2、使用属性 :disabled="true" 方式，输入框或文本域有灰色底
以上是关于web前端-vue中设置el-form-item是否可编辑的主要内容，如果未能解决你的问题，请参考以下文章