input赋值后无法编辑问题

最新推荐文章于 2024-01-13 07:00:00 发布
最新推荐文章于 2024-01-13 07:00:00 发布
阅读量502 收藏
点赞数 1
文章标签： javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wz990223/article/details/123294785
版权

通过上网查阅资料后，发现本来没有的属性给它赋值会导致此属性没有getter和setter方法，所以vue无法动态修改。

解决办法就是：

使用vue的全局api方法 this.$set(data, property, value)

data为要修改的对象，property为要添加的属性，value就是这个属性的值

_this.form.userid=res.data.recid替换成

_this.$set(_this.form,'userid',res.data.recid)

wz990223
关注
关于element-ui input框赋值后,无法编辑的问题
gxh0816的博客
12-23 1410
问题: 今天需要实现一个功能是:党委周期类型选择活动时间为一周期时,每周期总参与次数是不可编辑的且值为活动总名额的值,而当我周期类型选择非活动时间为周期.每周期总参与次数是可编辑的.但是我发现,当我选择非活动时间为一周期时,input框无法编辑,也不能删. 查了很多的资料,才知道是 vue有响应式问题,这是视图层和数据层的响应问题… 解决办法: 使用vue中 this.$set ,那么为什么使用它呢?怎么用呢? https://www.jianshu.com/p/6f28f5abee08 代码如下: 首先
elementUi 表格双击编辑 输入框赋值后不可编辑的坑
qq_43593142的博客
06-10 2815
##表格双击编辑 ###代码 ####html <el-table id="table_1" :row-class-name="tableRowClassName_1" :data="tableData_1" :summary-method="getSummaries" show-summary highlight-current-row @cell-click="cellClick" style="width: 100%;"> <!--
vue 设置 input 为不可以编辑的实现方法
10-16
今天小编就为大家分享一篇vue 设置 input 为不可以编辑的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
input文本框不可编辑的方法
weixin_33962923的博客
08-29 132
有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使input text的内容，中国两个字不可以修改有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。方法1: onfoc...
Vue：输入框赋值后无法再编辑输入框的值
weixin_40841731的博客
12-10 5219
可从vue官方文档中找到一句话： 根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新 可以发现，引起这个问题的原因可能是你，在data中没有定义这个属性，导致赋值可以赋上，但是再次修改的时候，修改不了，也删除不了。因为数据是双向绑定的：vue底层在渲染dom,然后再展示数据，然后编辑的时候，vue底层，找不到这个属性，那肯定编辑不了了 ...
【解决Vue中el-input输入框无法编辑的问题】
qq_45278500的博客
12-07 4758
解决Vue项目中el-input标签无法编辑的问题
解决el-input 不能编辑输入问题
qq_49732089的博客
11-05 1762
在el-input标签中添加@input=“change($event)”： 去实现此change(e)方法，效果为强行刷新视图： change (e) { this.$forceUpdate() }, 详情见https://blog.csdn.net/weixin_45883730/article/details/108779686
页面xml解析input自动赋值工具
10-30
本项目名为"页面xml解析input自动赋值工具"，它专注于解决XML数据与HTML输入框（input元素）之间的转换问题。这一工具的核心功能包括两个主要方面：XML到input的自动化解析和input到XML的转化。 首先，让我们详细...
.input赋值之后input框无法输入，或者和其他input框错位，校验延迟
08-13
综上所述，解决.input赋值后导致输入框无法输入、错位或校验延迟的问题，可以通过设置input框的可编辑属性、调整样式设置以及调整逻辑顺序来解决。 ### 回答3： 在编程中，使用.input赋值会导致input框无法输入...
input中checkbox样式修改，取值以及赋值
V199311的博客
05-29 2135
因为项目需要， 表格里面插入多选功能，因为select的动态载入数据兼容不好， 所以改用checkbox实现。 动态实例input为checkbox列表 , check的id和value记得赋值，实例的时候顺便把数据选中，checked的使用 if(params.length>0){ //结果长度大于0 for(let i in params){ let idName = "item"+i; let checkSta = ""; i
VUE的input框赋值后无法进行编辑
pany的博客
05-14 1759
问题情况 : data中有定义对应字段,input框也进行绑定对了v-model 但进行赋值后,input输入框无法进行操作 原因: 空input框进行赋值后,不存在setter和getter方法,导致无法实现双向绑定 解决: 使用vue的全局方法: this.$set(data, property, value) data为要修改的对象，property为要添加的属性，value就是这个属性的值 例如: this.$set(this.form, "contactPersonCardId", idCard)
el-input不能编辑的问题
lornall的博客
03-03 315
选一条数据，但这条数据里没有数量和单价字段，那么添加到了这个表格里，这个表格里的input就不能编辑。所以在添加这条数据到表格之前，把这两个值加上。用this.$set（）
input输入框在vue框架中怎么设置不可编辑和必填项
2301_78555889的博客
12-29 1466
而为什么属性前面要加一个":",这在vue.js中就有讲解:":是指令 v-bind 的缩写,是为了动态绑定数据,用于响应式地更新 HTML 特性"同理添加必填项,也需要用到一个属性,就是required属性,在vue框架中使用就如同上面不可编辑一样。在正常的html页面中设置不可编辑用到的一个属性就是disabled属性,该属性为布尔属性,
vue中的el-input设置灰显不可编辑
dxjren的博客
11-17 8501
el-input设置灰显不可编辑，以及报：invalid prop: type checked failed for prop "disabled".Expected Boolean,got String with value "true"解决办法
input框不可编辑的方法
技术研究中心
01-13 647
今天，我们将探讨一个在前端开发中常见的问题——“input框不可编辑的方法”。无论你是刚刚起步的前端新手还是经验丰富的开发者，都可能在某些场景中需要禁止用户编辑input框。对于使用React或Vue等前端框架的开发者，我们也会涉及到在这些框架中如何实现input框的不可编辑。如果你的项目中使用了jQuery库，那么你可以通过使用其提供的方法更为简化地实现input框的不可编辑。对于更加复杂的场景，我们可以通过JavaScript来动态控制input框的编辑状态。方法轻松控制input框的编辑状态。
分析使input框不可编辑的方法及优缺点
IT修真院：初学者转行到互联网的聚集地
05-14 664
这里是IT修真院分享课，今天要分享的主题是 【分析使input框不可编辑的方法及优缺点】 一、使input文本框不可编辑的3种方法 1.disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。 示例： <input type="text" disabled=...
vue综合问题归纳-------input框赋值后不能进行编辑
weixin_45176415的博客
02-10 2657
项目场景： 项目场景：前端实现查看编辑功能的时候会出现， input框赋值后input框不能进行编辑,编辑之后自动取消，验证无法进行取消 问题描述： 数据代码： <el-textarea v-model="drawerForm.msg" placeholder="请输入功能描述" :rows="3" allowClear
input文本框设置不可编辑方法和HTML5 新的 Input 类型
tainanle、的博客
11-15 5964
input文本框不可编辑的3种方法： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。 示例：<input type="text" disabled="disabled" /> readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可
layui input编辑器之修改赋值使用 空格转换
最新发布
09-12
Layui 是一个前端 UI 框架，提供了丰富的模块和组件，其中的 input 编辑器（也称为富文本编辑器）是基于 iframe 的，它支持文本编辑并能够将内容保存为 HTML 格式。在使用过程中，如果你需要对编辑器中的内容进行修改赋值，并且希望在输入空格时自动转换，你可以通过监听输入事件来实现。 以下是一个简单的例子，展示了如何在用户输入时将空格转换为特定的字符或格式： ```javascript // 获取编辑器的 iframe 和编辑器实例 var editor = layui.editor, layer = layui.layer; // 调用 editor 实例 editor.render({ elem: '#yourEditor', // 绑定元素 height: 500, // 编辑器高度 tools: [...] // 编辑器功能按钮 ,events: { 'ready': function(e){ // 编辑器准备就绪后的回调 } ,'load': function(){ // iframe内容加载完成的回调 } ,'change': function(e){ // 编辑器内容变化后的回调 var editorValue = e.content; // 获取编辑器当前的值 e.save(); // 将修改后的值保存到编辑器中 } } }); // 你可以通过以下方式来监听输入事件，并进行空格转换 // 注意：由于编辑器是基于 iframe 的，因此你可能需要使用一些特定的方法来获取和设置 iframe 内容 // 这里仅为示例，具体实现可能需要根据编辑器的API来调整 // 监听键盘输入事件 $('#yourEditor').on('input', function(e) { var currentValue = $(this).val(); var newValue = currentValue.replace(/ /g, ' '); // 将空格转换为HTML空格实体 $(this).val(newValue); // 更新编辑器的值 }); ``` 请注意，上述代码只是一个示例，具体的实现方法可能需要根据实际使用的版本和API进行调整。如果你需要对编辑器中的内容进行复杂的处理，可能还需要编写更详细的逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值