el-input加上disabled属性在火狐浏览器下失效

最新推荐文章于 2024-04-27 09:15:13 发布
最新推荐文章于 2024-04-27 09:15:13 发布
阅读量1.4k 收藏 2
点赞数 1
文章标签： 火狐input点击事件无效
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenlim87/article/details/114526230
版权

之前做 了个点击输入框弹出dialog对话框的功能，当然输入框是不能输入的，所以加了disabled属性，在谷歌、IE上都支持。今天同事反映说在火狐上dialog弹不出来。经过测试发现是disabled属性的问题，去掉就可以。或将disabled换成readonly。

<el-input style="width: 220px;" size="mini" v-model="innerItem.orgName" readonly @click.native="openOrgDialog(outerIndex,innerIndex)"></el-input>
lamCCH
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js和jquery设置disabled属性为true使按钮失效
10-25
总结一下，无论是在JavaScript原生语法还是使用jQuery库，设置按钮的`disabled`属性为`true`都是使其失效的有效方式。这种方法对于动态改变按钮的状态，如在表单验证失败或加载数据时防止用户重复提交等场景，都十分...
element-ui 远程搜索组件el-select在项目中组件化的实现代码
10-15
远程搜索在大型数据集或动态获取数据的情况下非常有用，因为它只在用户输入时向服务器请求数据，提高了应用性能。在项目中，为了提高代码复用性和可维护性，通常会将`el-select`封装成一个自定义组件。 以下是对`el...
el-input的disabled的失效问题
hsdsnd的博客
01-05 1184
el-input的disabled的失效问题
【el-input输入框】之“readonly“与“disabled“的区别
weixin_45438028的博客
04-11 1567
【el-input输入框】之"readonly"与"disabled"的区别
element-plus中通过按钮来控制el-input输入框的禁用可用状态
最新发布
载_酒i
04-27 864
在 Vue.js 中，您可以使用el-input组件的disabled属性来设置输入框的可编辑状态。这个属性接受一个布尔值，当设置为true时，输入框将不可编辑；当设置为false或省略时，输入框将是可编辑的。
【vue elementui中el-input输入框禁用】
qq_45278500的博客
12-09 1万+
el-input标签禁用
input设置为disabled=“disabled“，后台获取不到值的办法
XiaoLinZuoTi的博客
01-05 1903
在网上查找了一下发现是 disabled="disabled" 这个的原因 只需要把各个属性更换为 readonly=“readonly”即可。（1）readonly表示“只读”，一般表示对于文字内容只读，即不可更改内容，对于非文字的表单“只读”与“不只读”似乎没有啥区别；（2）disabled表示“使残废，使无效”，都残废了，不管是什么内容，都是无效的。在serlet中可以获取到姓名中的value的值，却获取不到账号的值（显示为空）今天在搞web实训时，出现了一个问题。这里面的测试的值都为 1。
disabled属性及对应css选择器的在各浏览器中的一些差异
zhouruitao的专栏
12-03 368
disabled属性只应用在以下元素 BUTTON, INPUT, OPTGROUP, OPTION, SELECT, TEXTAREA 见 HTML 4.01 的 属性表 多数时候我们会遵循标准，不再其它元素上使用该属性。 但部分人没有注意disabled的应用规则，误认为所有元素都可以使用该属性。并且在IE浏览器上生效，得到了证明。 比如： &lt;label disabled...
Vue动态控制input的disabled属性的方法
08-27
在前端开发中，我们经常会遇到需要动态控制 input 框的 disabled 属性的需求，例如在新增和修改操作时，input 框的 disabled 属性需要根据不同的情况进行设置。今天，我们将介绍 Vue 中动态控制 input 的 disabled ...
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
10-15
在微信小程序中，动态控制Input组件的disabled状态是一项常见的需求，尤其在实现用户信息编辑与保存功能时。本文将详细讲解如何实现这一功能，并解决在实际开发中可能遇到的“disabled属性不生效”的问题。 首先，...
vue el-input 输入框禁用 :disabled禁用 多个禁用写法
weixin_45251179的博客
03-28 1万+
输入框禁用
Element UI输入框(input)动态绑定disabled属性
Crayon111的博客
04-14 1万+
效果图 这里是在表格里面给插入input输入框，但是在某个参数我们有固定值不需要使用input框，因此给这两个参数的input框加上disabled = true的属性，不允许用户进行修改 代码部分 //对应xxx参数 <template slot-scope="scope" slot="params"> <el-form-item> <el-input v-model="scope.row.params" :disabled="(scope.row.$index
当 el-input 组件处于禁用状态时，其 click 事件依然会被触发
to_the_Future的博客
04-07 3120
当 el-input 组件处于禁用状态时，其 click 事件依然会被触发
input设置为disable，不能点击
热门推荐
only_neo的博客
03-26 2万+
今天项目中遇到了一个小问题，用的vue，封装了一个模拟的input，点击后可以弹出dialog，绑定的点击事件放在了引用的那里    &lt;div class="dialogInput"&gt; &lt;span class="el-input__prefix"&gt; &lt;i class="el-input__icon el-icon-search"...
Vue 中，禁止编辑的方法
coinisi_li的博客
07-04 1万+
3.使用计算属性或变量控制编辑状态：可以使用 Vue 的计算属性或数据变量来控制输入框的编辑状态。通过根据特定条件设置变量的值，可以动态地启用或禁用输入框的编辑。在 Vue 中，禁止编辑的方法：以禁止编辑输入框为例。可以与isView之类结合使用，配合展示。属性：与原生 HTML 类似，Vue 中的输入框组件也通常支持。或者，如果使用了 Element UI 的。，可以禁用输入框，并阻止用户进行编辑。属性：在 Vue 中，可以通过绑定。，即可实现禁止编辑的效果。属性来禁止编辑输入框。
vue中的el-input设置灰显不可编辑
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
02-15 1513
vue中的el-input设置灰显不可编辑
ElementUI-el-input无法输入
yangwq的博客
06-04 1237
原因分析：可能是组件套用太深 vue检测不到视图更新 解决方案：在失效输入框的input事件中加入this.$forceUpdate()强制刷新 <el-form :model="item" label-width="85px" label-position="left" size="mini"> <el-form-item label="事件类型" prop="parent"> <el-input v-model="item.parent" @i
chrome和safari中disabled遇到大麻烦
棋牌游戏
09-02 543
chrome和safari都无法将disabled的textarea恢复回来，难道这就是传说中的web标准吗？
el-tree-transfer中disabled属性失效
05-25
可能是因为您没有正确设置disabled属性的值。请确保将disabled属性设置为布尔值，例如： ```html <el-tree-transfer :data="data" :disabled="true"></el-tree-transfer> ``` 如果您已经正确设置了disabled属性的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值