现在有这样一个问题，我的界面点击按钮时打开一个window，内有一个input输入框，我需要根据其他条件去判断其是否可用
代码如下图：
但是再多次单击按钮，条件不同时如果不刷新界面，disable属性不会改变，请问有什么方法可以解决这个问题么？
如何动态控制input的disable属性？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
- 2020-12-29 08:46有时候会有这样的需求，新增的时候可以输入，但是无法修改，此时就需要通过控制input标签的disabled属性来实现，那vue是如何动态设置input输入框的disabled属性的呢？ 输入框的html源代码 配置项 v-bind:disabled=...
- 2021-09-23 10:47Julyued的博客 首先在input上添加disabled属性 2.data中定义isDisabled值为false(可编辑) 3.在新增的点击事件中设置isDisabled=false(可编辑) .编辑的点击事件中设置isDisabled=true(不可编辑). 最后的效果就是...
- 2020-12-21 19:09weixin_39640646的博客 有效 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的...
- 2020-12-13 22:17在HTML中，`readonly` 和 `disabled` 是两个用于控制表单元素交互状态的重要属性，它们都能阻止用户修改表单内的内容，但具体效果和使用场景有所不同。 首先，`readonly` 属性主要用于`<input>`（如text和password...
- 2020-10-15 13:46在微信小程序中，动态控制Input组件的disabled状态是一项常见的需求，尤其在实现用户信息编辑与保存功能时。本文将详细讲解如何实现这一功能，并解决在实际开发中可能遇到的“disabled属性不生效”的问题。 首先，...
- 2018-06-25 18:16weixin_34126215的博客 有时候会有这样的需求，新增的时候可以输入，但是无法修改，此时就需要通过控制input标签的disabled属性来实现，那vue是如何动态设置input输入框的disabled属性的呢？ 输入框的html源代码 <el-input v-model=...
- 2021-01-16 20:23weixin_39835117的博客 " style="margin-top: 10px" > type="text" oninput="value=value.replace(/[^\d]/g,'')" maxlength="9" v-model="scope.row.qulcs" placeholder="" clearable size="mini" style="width: 90%" :disabled="!...
- 2020-10-16 02:54在Vue.js中，动态设置组件属性是常见的需求，特别是对于输入框（input）元素的`disabled`属性。`disabled`属性用于禁用一个表单元素，使得用户无法对其进行交互。在某些场景下，如编辑已有的记录时，我们可能希望...
- 2020-09-07 22:38一个假的前端男的博客 主要是通过 v-bind:disabled 绑定 ruleForm.price 的值来动态判断是否添加 disabled 属性，而 ruleForm.price 的默认初始值为0，新增时不会添加此属性；当点击修改时，ruleForm.price的值就是当前所要修改的数据记
- 2020-10-26 10:58对于`disabled`属性，当需要禁用一个表单元素（如input或select元素）时，同样推荐使用`.prop()`方法。`.prop()`方法不仅能设置`disabled`属性，还能返回一个布尔值，表明元素是否被禁用。这种方法比`.attr()`更适合...
- 2022-08-10 18:05luvJie-7c的博客 Vue 动态控制输入框的disabled属性
- 2021-04-14 09:44CrayonJ的博客 这里是在表格里面给插入input输入框，但是在某个参数我们有固定值不需要使用input框，因此给这两个参数的input框加上disabled = true的属性，不允许用户进行修改 代码部分 //对应xxx参数 <template slot-scope=...
- 2021-11-23 11:06survivorsfyh的博客 当 input 与表单 form 的相结合使用的时候,如果为 input 设置 [disabled]="false" 的属性时发现未能生效; 日志中会抛出如下警告并提供一种方式; It looks like you're using the disabled attribute with a ...
- 2025-01-04 17:38滚雪球~的博客 发现，如果id没有数据即为空串，空串取反是（true）即为开启禁用，当id中有数据，取反即为false关闭禁用实现正常点击效果，以此达到目的，input框的禁用效果也可依照此例子处理。参考:...
- 2023-06-26 18:57博客zhu虎康的博客 但在 css 中，我们可以设置对input框实现不能点击的效果并添加输入框的透明度来实现禁用的效果。在 js 中，我们使用以下方法来阻止input,select,checkbox的默认事件，如...使用 css 禁用 input 控件实现 disable 效果。
- 2018-11-12 15:47HB15093703910的博客 需求背景 页面从list列表展示，跳转到新增和修改的时候，新增和修改用的是同...el-input v-model="dataForm.account" placeholder="账号" v-bind:disabled="dataForm.id!=0">...
- 2025-02-24 00:15楊楊工作室的博客 在HTML中，<input>元素有几个常用的属性，包括只读（readonly）、禁用（disabled）、必填（required）和提示词（占位符，placeholder）。示例：<input type="text" name="username" required placeholder="请输入...
- 2021-11-25 21:48汪子熙的博客 SAP 电商云 Spartacus UI shipping method radio input 的运行时设计： 在 div 里通过 ngFor 进行循环展开。 生成的原生 html 代码： 关于 radio input 的测试页面： https://www.w3schools.com/tags/tryit.asp?...
- 没有解决我的问题, 去提问
