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

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属性用于规定输入字段为只读，可以防止用户对值进行修改，可选中对话框文字。

区别

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