100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Vue 动态控制输入框的disabled属性

Vue 动态控制输入框的disabled属性

时间:2020-01-25 05:45:23

相关推荐

Vue 动态控制输入框的disabled属性

目录

一、效果如下:

二、使用步骤:

一、效果如下:

​​​​

二、使用步骤:

首先在input上添加disabled属性

<uni-easyinput v-model="form.sampleName" :disabled="isDisabled" placeholder="请输入样品名称"/>

data中定义isDisabled值为false(默认输入框可输入)

data() {return {isDisabled:false,//input框状态}}

进入新增页面时isDisabled默认是false,input框可输入。进入详情页面初始化时设置isDisabled:true,这样所有input框设置了disabled属性都将不可输入。

this.isDisabled = true

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。