当前位置: 首页 > wzjs >正文

医院网站建设费用企业网络营销方法

医院网站建设费用,企业网络营销方法,深圳公司网站开发,设计素材网站合集因业务需要表单组件中嵌套着表格列表,内容比较多; 所以需要表单校验不通过时,自动定位到不通过的节点; 但发现这个像是没有起到效果一样,后面就是排查的思路了: 容器高度问题:如果表单容器的高度…

因业务需要表单组件中嵌套着表格列表,内容比较多;

所以需要表单校验不通过时,自动定位到不通过的节点;

但发现这个像是没有起到效果一样,后面就是排查的思路了:

  1. 容器高度问题:如果表单容器的高度没有正确设置或者由于内容溢出导致的高度问题,可能会影响纵向滚动。

  2. CSS样式干扰:某些CSS样式,如overflow属性,可能会阻止纵向滚动。特别是如果表单容器或其父元素设置了overflow-y: hidden;,这将阻止纵向滚动。

  3. 浏览器兼容性:虽然不太可能,但仍然值得检查是否在不同的浏览器中表现一致,以排除浏览器特定的bug。

  4. Element UI版本:确保您使用的Element UI版本没有已知的关于scroll-to-error纵向滚动的bug。

以上是 AI 给的思路,但还是没有效果

那最后只能还是靠自己了;

删除了项目大部分不需要的节点,一点点尝试,最终功夫不负有心人;

原来是,每个表单需要校验的子项,里面的 prop 一定要有唯一性;

这样子就解决啦~~

假设你们那边还是无法解决,那我就给你们个兜底方案,请看:

使用类找到校验报错的节点,通过 scrollIntoView  将节点滚动到可视区;

使用以下方案,那 scroll-to-error 这个属性就不需要添加了;

    ruleFormRef.value?.validate((valid: boolean) => {if (valid) {// 校验通过执行逻辑} else { // 不通过const firstError = ruleFormRef.value.$el.querySelector('.el-form-item.is-error');if (firstError) {firstError.scrollIntoView({ behavior: 'smooth', block: 'start' });}}});

http://www.dtcms.com/wzjs/468371.html

相关文章:

  • 如何运营网站百度移动seo首选帝搜软件
  • 花里胡哨的网站广州企业网站seo
  • 做调查问卷赚钱注册网站湘潭网站seo磐石网络
  • 济南网站建设认可搜点网络山东潍坊疫情最新消息
  • 做直播教程的网站nba最新新闻消息
  • 自己做外贸网站十大广告公司
  • 做网站的流程方法百度网站域名注册
  • 做网站开发电脑配置企业网站推广注意事项
  • 天津网站建设公司推广资源整合平台
  • 营销型集团网站建设全网营销推广怎么做
  • 南宁网站建设nnit30佛山优化网站关键词
  • 动态网站的制作流程全网营销式网站
  • 哈尔滨市住房和城乡建设局网站百度关键词价格查询
  • 北京广告山东seo推广公司
  • 深圳 seo 外贸网站建设 多语种交换友情链接的途径有哪些
  • 不知道我自己的网站的ftp账号企业微信营销系统
  • 网上书店网站开发关键字参数
  • 做海报 画册的素材网站百度seo排名优化软件分类
  • 长春哪里做网站好广西seo关键词怎么优化
  • 网网站基础建设优化知识网络营销工程师是做什么的
  • 德国站有哪些做站外秒杀的网站长春seo网站排名
  • 上海网站建设自学今日头条热搜榜前十名
  • 福建设计院网站找小网站的关键词
  • 海南网站建设培训外贸网络推广公司
  • 深圳给企业做网站免费网络推广软件
  • 如何做网页推广的网页网站搜索引擎优化方案的案例
  • vs做网站通过e浏览器全自动精准引流软件
  • 网站建设制作设计营销公司南宁青岛seo整站优化公司
  • 网站建设的具体过程百度竞价的优势和劣势
  • 手机网站 栏目定制媒介星软文平台官网