element input有时不能编辑

已于 2022-02-23 16:28:43 修改
阅读量361 收藏
点赞数
文章标签： vue
于 2022-02-13 01:10:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59142585/article/details/122904754
版权
博客讨论了在处理数据时遇到的不可编辑问题，指出可能的原因是使用特定赋值方式导致的，建议使用`Object.keys.forEach`进行遍历以解决。同时提醒注意未在`data`中定义的情况，需要根据具体情况判断。
摘要由CSDN通过智能技术生成

得到数据的时候,使用…赋值的时候,可能会造成不能编辑,使用Object.key.forEach 可以解决
也有可能是没有在data中定义,根据情况而定

出来和你看月亮
关注
比较简单的javascript实现input双击后可以编辑
12-11
在网页设计中，有时我们需要创建一个输入框（`input`元素），默认情况下它是只读的，但当用户双击时可以变为可编辑状态。这样的功能可以通过JavaScript轻松实现，特别是对于那些希望提供用户交互性增强的网页。在这...
ElementUI el-input无法输入、修改、删除问题解决
热门推荐
weixin_52394141的博客
12-01 1万+
使用 el-input 这个标签时，我有些情况下在 el-input 是无法输入的，绑定的值动也动不了，删也删不掉，改也改不了，所以我做了以下的解决方法的统计，希望可以帮助到大家！造成的结果就是从后端传来的数据只能显示在输入框中，不能改也不能删，所以大家也可以考虑一下这个情况，当然表单的数据最好也不要使用this，虽然不知道原理，但是问题确实出在this上，知道的友友请在评论区分享哦~3.我们有些时候可能会忘记加入v-model属性，来绑定输入框中的值，如果忘记加入了，记得补上。
给input框赋值成功后input框不能进行编辑
吃瓜群众的博客
04-01 1万+
选中一项后，input框不能进行编辑 <el-select v-model="input.memoStyle" placeholder="Log Landlord Call" @change="memoStyleChange"> <el-option v-for="item in options" ...
element-ui el-input无法更改内容，修改不生效
weixin_46972395的博客
07-21 4619
原因是vue页面进行数据渲染时，层次嵌套或者多重数据绑定导致该组件信息框数据不能被Vue实时监听到，以此出现了数据发生改变但页面上更新或删除对应信息框的数据毫无反应的现象，此时需要强制更新，重新渲染。...
ElementUI el-input 设置数据无法修改
回忆在这里
02-28 1880
网上有一些方案，比如添加input、change之类的事件，调用强制更新this.$forceUpdate()，试过之后并没有解决问题，分析是因为本来el-input就已经是无法修改状态，input，change事件怎么触发呢？分析原因是在定义data数据初始化时候没有把原始的属性结构定义，AJAX返回结果后直接给form添加新的属性并赋值，虽然数据能显示，但是这样添加的属性不是响应式的，如果在模板或渲染函数中使用该属性，这个新的属性将无法触发组件重新渲染。
elementui中的el-input回显成功后不能进行编辑的问题
weixin_44506660的博客
05-31 2438
从两层嵌套的对象里取出一个值放入下拉框中，发现值只能回显不能编辑
vue项目中在可编辑div光标位置插入内容的实现代码
10-15
在Vue项目中，有时我们需要在可编辑的div元素中实现用户能够插入内容的功能。这个功能在文本编辑器或者富文本编辑场景中非常常见。本文将详细介绍如何在Vue中实现在可编辑div的光标位置插入内容，并提供相关代码示例...
layui中select，radio设置不生效的解决方法
10-16
2. **动态元素的渲染问题**：有时候，当动态地添加或修改DOM元素后，原有的组件可能不会自动渲染，导致显示和功能不正常。为此，文章提供了一个解决方案，即通过`form.render('select');`和`form.render('radio');`...
Html5页面上如何禁止手机虚拟键盘弹出
11-21
<input type="text" id="readOnlyInput" readonly placeholder="不可编辑的输入框"> ``` 优点： 1. 实现简单，只需添加`readonly`属性。 2. 在大部分浏览器和设备上都能有效防止虚拟键盘弹出。 缺点： 1. 在iOS的...
上下左右键控制table中光标(兼容多浏览器)
01-25
在网页开发中，有时我们需要为用户提供更友好的交互体验，比如在表格中使用键盘操作来移动光标。本文将详细讲解如何使用JavaScript实现输入框内上下左右键以及Enter键控制表格（table）中的光标移动，并在光标到达...
Element UI关于 input禁止编辑
m0_58861443的博客
08-23 1万+
方法1: 添加 readonly 属性 readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。 <el-form-item label="部门" prop="departmentName"> <el-input readonly v-model="formData.departmentName" style="width:50%" placeholder="请选择部门" @focus="hFocus"
element-ui el-input输入框赋值后不能编辑
Mr_2612757的博客
09-12 1795
el-input v-model="ruleForm.concernMember" placeholder="请输入关注人erp"></el-input>方案二：在给input赋值时，使用this.$set。方案一：在data中给input的值赋一个初始值。
elementUI 中的输入框回填无法修改或输入值
m0_73533910的博客
03-20 820
2.在编辑回填的时候，可以回填，但是无法修改（不能输入和删除）1.表单新建的时候input框可以正常输入且提交。强制刷新this.$forceUpdate()我用第二种方法发现可以修改但是不触发验证。1.赋值的时候用this.$set赋值。2.看了网上还有一种方法。
elementUi里的input输入框有时候无法输入的问题
JunVei的博客
08-16 6385
在输入框值改变的时候，调用this.$forceUpdate()强制刷新。最后找到了问题的根源，是有时候其实是获取到了数据，但是视图并没有更新。
elementui中给input框赋值成功后input框不能进行编辑问题
iang_520的博客
11-23 615
无
element+vue之table内插入input，input默认赋值后不能编辑
Jasmin博客
01-13 1378
table内插入input，input默认赋值后不能编辑 <el-table-column prop="warningNum" label="预警数量" align="center" > <template slot-scope="scope"> <el-inpu
ElementUI框架el-table组件中嵌入el-input输入框无法获取焦点、无法编辑问题
最新发布
cd_yang2017的博客
03-08 2004
el-table组件中嵌入el-input输入框无法获取焦点，无法编辑。可使用父元素监听方式获取焦点。
解决：element ui表格表头自定义输入框单元格el-input不能输入问题
web-Danli的博客
11-14 1711
表格表头如图所示，有 40-45，45-50 数据，且以输入框形式呈现，现想修改其数据或点击右侧加号增加新数据编辑。结果不能输入，部分代码如下。Scoped slot 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据。结果不能输入，解决方法就是在表头自定义时将漏掉的。去获取数据，于是没有加上。
Vue + ElementUI el-input无法输入、修改、删除的问题
SunshineGGB的博客
12-29 6440
vue强制更新vm.$forceUpdate()，vue+elementui保存数据后信息框数据无法更新删除的问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值