中文字体怎么设计网站,只做百度移动端网站可以吗,做彩票网站空间去哪买,成都捕鱼网站建设遇到这种报错 先去相关页面搜索关键字 定位到具体的报错代码 Cannot read properties of undefined (reading ‘resetFields’) 关键字#xff1a;resetFields 此方法作用#xff1a;对整个表单进行重置 将所有字段值重置为初始值并移除校验结果
报错场景#xff1a;… 遇到这种报错 先去相关页面搜索关键字 定位到具体的报错代码 Cannot read properties of undefined (reading ‘resetFields’) 关键字resetFields 此方法作用对整个表单进行重置 将所有字段值重置为初始值并移除校验结果
报错场景点击编辑按钮 弹窗弹出时 控制台报错 init(id) {this.visible truethis.$refs[dataForm].resetFields()if(id) {// 发送axios请求 获取数据反显到表单上}}, 原因this.$refs[dataForm].resetFields()在执行的时候 表单的dom还没有渲染出来 因为还没渲染出 所以用$refs调用名叫‘dataForm’身上的resetFields方法 是undefined
解决方法 使用$nextTick包上 等待dom更新之后再重置 init(id) { this.visible true this.$nextTick(() {this.$refs[dataForm].resetFields()if(id) {// 发送axios请求 获取数据反显到表单上}}) }, 也可以先判断 确认能获取到dataForm再重置
if (this.$refs.dataForm ! undefined){this.$refs[dataForm].resetFields();}另外还有一种报错情况 编辑弹窗打开后 某项数据明明有值 却报必填校验错误 控制台xxx is required 这种情况大概率是 当前数据项 input里的v-model和el-form-item上的prop绑定的值不一致
el-col :span12el-form-item label数据项 propdataItemsel-input clearable v-modeldataForm.dataItem placeholder数据项/el-input/el-form-item
/el-col同改为dataItem即可
el-col :span12el-form-item label数据项 propdataItemel-input clearable v-modeldataForm.dataItem placeholder数据项/el-input/el-form-item
/el-col
