首页 前端知识 Vue 动态控制输入框的disabled属性

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

2024-04-29 11:04:21 前端知识 前端哥 922 826 我要收藏

目录

一、效果如下:

二、使用步骤:


一、效果如下:

​​​

二、使用步骤:

首先在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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6285.html
标签
评论
发布的文章

HTML5本地存储

2024-05-06 09:05:10

HTML5和CSS3新特性

2024-04-16 17:04:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!