问题:新增框内,只有最上面的基础信息部分无法输入,点击输入框无反应。
排查:
script中 data内form是否定义该字段;
el-form是否绑定model
<el-form ref="form" :model="form" :rules="rules" label-position="right" > 以上都没有问题。
解决:最后发现我的问题是由于修改字段时,不小心修改了el-row的层级,导致层级混乱,所以点击无反应。重新调整el-row层级即可。
使用el-form下的el-input 点击无反应 或者无法输入,需要查看
-
1、el-form标签下的层级结构不统一
比如有el-form下面有的行加上了el-row,有的没有加上el-row,可能会导致输入框的内容无法输入。也就是要保证el-form-item上面的层级是一致的。
-
2、页面加载的时候,未在data进行定义(会出现第一次输入无用,点击其他地方的时候显示)
主要是保证输入框绑定的值在data中提前定义好,或者调用$set 进行数据的双向绑定。