input赋值后无法编辑问题

最新推荐文章于 2024-05-27 21:50:54 发布
最新推荐文章于 2024-05-27 21:50:54 发布
阅读量467 收藏
点赞数 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
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 设置 input 为不可以编辑的实现方法
10-16
今天小编就为大家分享一篇vue 设置 input 为不可以编辑的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
input文本框不可编辑的方法
weixin_33962923的博客
08-29 110
有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使input text的内容，中国两个字不可以修改有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。方法1: onfoc...
Vue：输入框赋值后无法再编辑输入框的值
weixin_40841731的博客
12-10 5146
可从vue官方文档中找到一句话： 根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新 可以发现，引起这个问题的原因可能是你，在data中没有定义这个属性，导致赋值可以赋上，但是再次修改的时候，修改不了，也删除不了。因为数据是双向绑定的：vue底层在渲染dom,然后再展示数据，然后编辑的时候，vue底层，找不到这个属性，那肯定编辑不了了 ...
解决el-input 不能编辑输入问题
qq_49732089的博客
11-05 1682
在el-input标签中添加@input=“change($event)”： 去实现此change(e)方法，效果为强行刷新视图： change (e) { this.$forceUpdate() }, 详情见https://blog.csdn.net/weixin_45883730/article/details/108779686
VUE的input框赋值后无法进行编辑
pany的博客
05-14 1692
问题情况 : 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 270
选一条数据，但这条数据里没有数量和单价字段，那么添加到了这个表格里，这个表格里的input就不能编辑。所以在添加这条数据到表格之前，把这两个值加上。用this.$set（）
【解决Vue中el-input输入框无法编辑的问题】
qq_45278500的博客
12-07 4184
解决Vue项目中el-input标签无法编辑的问题
javascript input自动赋值
05-15
编辑页面上能给input自动赋值.zip包中例子。
jQuery无刷新实时修改网页Input的内容
05-12
内容索引:脚本资源,jQuery,无刷新修改　jQuery无刷新实时修改网页Input的内容，可以把input数据在不经过数据读取的情况下及时修改，增强用户体验，确认修改后再上传数据库。 　这种功能估计大家以前都见到过的，...
利用JS响应式修改vue实现页面的input值
10-16
主要给大家介绍了关于如何利用JS响应式修改vue实现页面的input值，文中通过示例代码介绍的非常详细，对大家学习或者使用JS具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
layui 对弹窗 form表单赋值的实现方法
12-29
目的： 点击编辑按钮 实现 数据回显到弹出 子页面 表单 内。如下图： Html 代码： <body> ... <div class=layui-input-inline> ...input type=text name=username lay-verify=required id
jQuery 实现双击编辑表格功能
12-09
先给大家展示下效果图： 下面用简单方法实现的简单表格编辑功能: ...[removed] $(".tables").on("dblclick","td",function(){ if($(this).children("input").length... //给td设置宽度和给input设置宽度并赋值 $(this)
vue中的el-input设置灰显不可编辑
dxjren的博客
11-17 7888
el-input设置灰显不可编辑，以及报：invalid prop: type checked failed for prop "disabled".Expected Boolean,got String with value "true"解决办法
分析使input框不可编辑的方法及优缺点
IT修真院：初学者转行到互联网的聚集地
05-14 623
这里是IT修真院分享课，今天要分享的主题是 【分析使input框不可编辑的方法及优缺点】 一、使input文本框不可编辑的3种方法 1.disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。 示例： <input type="text" disabled=...
vue综合问题归纳-------input框赋值后不能进行编辑
weixin_45176415的博客
02-10 2589
项目场景： 项目场景：前端实现查看编辑功能的时候会出现， input框赋值后input框不能进行编辑,编辑之后自动取消，验证无法进行取消 问题描述： 数据代码： <el-textarea v-model="drawerForm.msg" placeholder="请输入功能描述" :rows="3" allowClear
input文本框设置不可编辑方法和HTML5 新的 Input 类型
tainanle、的博客
11-15 5886
input文本框不可编辑的3种方法： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。 示例：<input type="text" disabled="disabled" /> readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可
Vue的大坑 input手动赋值后无法修改问题
Tiger_Paul的博客
03-09 4329
当获取数据之后，手动赋值给input，会出现渲染成功，能读取数据，但是无法修改情况。代码如下： /* 根据ID查询返回订单信息 */ async editOrdersAddress(orderId) { const { data: res } = await this.$http.get(`orders/${orderId}`) if (res.meta.status !== 200) { this.$message.error('查询信息失败')
`“use strict“`在JavaScript中是什么？它背后的原理是什么？
最新发布
Jerry学长
05-27 1050
JavaScript的严格模式（strict mode）是ECMAScript 5引入的一项特性。如果你在脚本或函数的顶部声明 ，你就启用了严格模式： 当JavaScript引擎看到这个指令时，它将开始以一种特殊的模式解释代码。在这种模式下，当检测到某些可能导致潜在错误的编码实践时，会抛出错误。这就是严格模式背后的基本原理。考虑下面这个例子： 开发者可能因为强迫症而对齐数值字面量，但这样会无意中使变量 初始化为八进制字面量。在非严格模式下，这将被解释为值 （十进制）。然而，在严格模式下，这样的代码会抛出错
.input赋值之后input框无法输入，或者和其他input框错位，校验延迟
08-13
综上所述，解决.input赋值后导致输入框无法输入、错位或校验延迟的问题，可以通过设置input框的可编辑属性、调整样式设置以及调整逻辑顺序来解决。 ### 回答3： 在编程中，使用.input赋值会导致input框无法输入...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值