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