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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐