u-form表单校验报错 TypeError: Cannot read properties of undefined (reading ‘then‘) 原因及解决办法

bug描述

使用u-form表单的校验出现bug。

报错信息

解决过程

检查代码没问题，首先去查了下第一句 uView提示:未设置rules，请看文档说明!如果已经设置，请刷新页面。 

有人提到绑定时使用了v-model，正确写法是使用:model，检查代码发现我没用错，不是这个的问题。

去查第二个问题：TypeError: Cannot read properties of undefined(reading then')

这个就各种原因都有，看了一圈没发现和我情况相同的。

实在找不出原因了，重新找了u-form校验的文章来看，发现是Rules初始化的问题：

原代码

 原代码将setRules放在了onReady中，这个是微信小程序的写法，我做的是H5页面，应该放在mounted中，更改后问题解决。

更改后

参考网址

https://www.cnblogs.com/nlovestudy/p/14979900.htmlhttps://www.cnblogs.com/nlovestudy/p/14979900.html