search

Tencent / tdesign-vue

A Vue.js UI components lib for TDesign.
https://tdesign.tencent.com/vue
MIT License
919 stars 358 forks source link

[Form] 表单校验不通过时，不滚动到指定位置且报错。 #3247

Closed Loinver closed 3 months ago

Loinver commented 4 months ago

tdesign-vue 版本

1.9.8

重现链接

https://stackblitz.com/edit/mymvow?file=src%2Fdemo.vue

重现步骤

scrollToFirstError设置为true时，且表单内包含数组类数据时，提交校验时报错。

期望结果

能正常滚动到错误位置

实际结果

image

框架版本

2.6.14

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

修改querySelector方法为getElementsByClassName就可以

github-actions[bot] commented 4 months ago

👋 @Loinver，感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

morningbao commented 3 months ago

认领

uyarn commented 3 months ago

fixed 1.9.9

Loinver commented 1 month ago
image

使用.的方式还是会出现找不到dom节点的问题。

Loinver commented 1 month ago

fixed 1.9.9

image

使用.的方式还是会出现找不到dom节点的问题。

morningbao commented 3 weeks ago

fixed 1.9.9

image 使用.的方式还是会出现找不到dom节点的问题。

不是用 . 哦，是下划线_。你可以f12检查一下dom元素的class，是t-form-item__students_0_name这样的

Loinver commented 3 weeks ago

fixed 1.9.9

image 使用.的方式还是会出现找不到dom节点的问题。

不是用 . 哦，是下划线_。你可以f12检查一下dom元素的class，是t-form-item__students_0_name这样的

const formItemName = ${this.tableDataName}[${rowIndex}].${__.prop};使用这种方式可以正常滚动了