talent-validate + vue.js动态表单验证

weixin_33682719

于 2017-06-23 17:00:00 发布

阅读量125

点赞数

CC 4.0 BY-SA版权

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/151615/blog/1000632

本文探讨了在Vue.js中动态添加验证规则的方法，并对比了不同方式的有效性。同时，作者提到了Vue.js在效率方面的问题及可能的替代框架avalonjs。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

<script type="text/javascript"
	src="../../js/validate/talent-validate-all.js"></script>
<link rel="stylesheet" type="text/css"
	href="../../js/validate/css/validate.css" />

在vue.js的method中动态增加一行往model中增加一个空对象后，调用如下：

function addValidate(){
			Vue.nextTick(function () {
				$("input[name='invoiceNum']").each(function(i, v){
					tt.vf.req.addObj(this);
				});
				$("input[name='amount']").each(function(i, v){
					tt.vf.req.addObj(this);
					tt.vf.num.addObj(this);
				}); 
			});
			
		}

对于tt.vf.req.add("invoiceNum");这样使用，验证无效。通过addObj验证有效！

另外vue.js代码产出很高，但是效率总是要停顿，貌似也没有好的办法！

对于兼容低版本的MVVM框架，有个 avalonjs可以替代，没实际使用过。

转载于:https://my.oschina.net/u/151615/blog/1000632