![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue开发常见的问题
单纯些
这个作者很懒,什么都没留下…
展开
-
一个vue组件包含多个form表单(多个组件)的验证
解决一个页面数据过多导致页面卡顿问题解决方案:一个页面拆分成多个页面实现注意事项:1、父组件引入的子组件要有ref属性,并传入父组件v-model绑定form数据(目的整合所有子组件的form数据)2、子组件通过props接收父组件传来的数据,watch监听父组件传来的数据, 将其深拷贝给子的v-model绑定form数据3、子组件正常检验form表单4、父组件提交时,子组件在父组件的验证通过this.refs.A(在父注册的子ref名称).refs.A(在父注册的子ref名称).原创 2021-02-01 11:30:02 · 6110 阅读 · 3 评论 -
elementUI提交表单时焦点定位到第一个校验不通过处并给予提示
vue 开发常见的问题1.elementUI提交表单时焦点定位到第一个校验不通过处并给予提示废话不多说上代码,如果前提校验的trigger均为change,如果为blur会出现重复提示 this.$nextTick((_) => { const domError = document.getElementsByClassName( 'el-form-item__error' ) if (domE原创 2021-02-01 10:26:39 · 408 阅读 · 0 评论