vue显示框设置为只读的两种方法

一、

背景变灰 disabled=“disabled”
例:

  <a-form-model-item label="例子" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="请输入" >
  <a-input v-model="model.c" placeholder=""  class="ant-wt-type" disabled="disabled"></a-input>
  </a-form-model-item>

在这里插入图片描述

二、

<input readonly="readonly" />
readonly属性用于规定输入字段为只读,可以防止用户对值进行修改,可选中对话框文字。

区别

disabledreadOnly
内容不可选内容可选
对于所有的表单元素都有效只针对input(text / password)和textarea有效
当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去会将该值传递出去
接受改但不回传数据接受值更改可以回传
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐