龙空技术网

vue项目中input输入框输入不了值问题及解决

Chadwik 129

前言:

而今朋友们对“jqueryinputtext取值”可能比较珍视,大家都需要剖析一些“jqueryinputtext取值”的相关文章。那么小编在网络上收集了一些有关“jqueryinputtext取值””的相关知识,希望朋友们能喜欢,看官们快快来学习一下吧!

编辑页面v-model 绑定的input 输入框输入不了值原因对象 会递归遍历data中定义的所有变量 所以如果没定义就监听不到变化数组只有几个数组方法添加的会响应 通过下标不响应(push,pop会不响应)解决方案

在获取到后端的数据后,定义一个新的对象,把后端数值接收到这个新的对象中,再把新的对象赋值给 data里面定义的对象

if(res.data.success == true){let resForm={} //重新定义一个对象resForm={...res.data.data.activityInfo}resForm.activeTime=[res.data.data.activityInfo.startTime,res.data.data.activityInfo.endTime],resForm.listOne=res.data.data.listOneresForm.listTwo=res.data.data.listTwothis.formData={...resForm} //把定义的对象赋值给data里面定义的对象console.log(this.formData,2121212121)}vue技能点--el-input输入框无法输入、无法修改现象

使用Vue框架,发现输入框<input>或者<el-input>的内容无法修改,也无法输入。

解决方案

首先,检查绑定方式,应该使用v-model,有时候会误用:value,导致无法修改。

其次,如果是绑定数组元素等复杂对象,可以在输入框添加@input="onInput()",然后在methods中添加方法:

onInput() {this.$forceUpdate();},

forceUpdate用来强制渲染,避免data中对象层次太深,Vue框架不自动渲染的情况。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。

标签: #jqueryinputtext取值 #ie formdata 未定义 #js oninput #vue 密码框input框无法置空