码迷,mamicode.com
首页 > 其他好文 > 详细

elementUI使用本地变量进行验证,监测不到本地变量的变化 的问题

时间:2019-02-01 14:54:48      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:文档   饿了么   png   提取   验证   this   inf   count   zh-cn   

对于饿了么组件自定义验证规则,组件库文档已经非常详细了:http://element-cn.eleme.io/#/zh-CN/component/form

 我这里将验证中固定的值提取出来使用变量进行保存,方便后面维护。

像下面这种写法,如果maxUrlCount保持不变,是没有问题的

技术分享图片

 

但是,如果我页面或者代码里更改了maxUrlCount,此时验证中获取到的值还是初始定义的值,并不会监测到改变后的值。

解决方案: 把验证函数也提取出来,如下面这样:

技术分享图片

 

 

------------------------------------------------------------------------------------ 原因解析 (待深入研究,未完)---------------------------------------------------------------------------------------------------------------

这里主要是因为this指正的原因

1. 如果这样写

技术分享图片

此时的this指向红框中的这个对象(定义时的上下文):所以打印出来是undefined

2. 如果是使用的箭头函数

技术分享图片或者 技术分享图片

 箭头函数的this默认绑定的是外层this:也就是指向了当前类。具体为什么监测不到改变

3. 最后,也就是正确的写法:

技术分享图片

 

elementUI使用本地变量进行验证,监测不到本地变量的变化 的问题

标签:文档   饿了么   png   提取   验证   this   inf   count   zh-cn   

原文地址:https://www.cnblogs.com/XHappyness/p/10345706.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!