vue显示框设置为只读的两种方法
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的方式提交的话,这个元素的值不会被传递出去 | 会将该值传递出去 |
接受改但不回传数据 | 接受值更改可以回传 |
更多推荐
已为社区贡献2条内容
所有评论(0)