Vue自主设计表单验证

设计思路 分为3层 总共存在4个页面 FormTest < Form < FormItem < input 1.最外层页面(FormTest)中 写好层级结构及模型和校验规则 层级结构如下 在data中定义模型和校验规则 2.form页面结构如下 放入一个插槽 来放接收的表单 在props里面规定页面传入的数据必传性和类型 模型和校验规则都是Object 同时把 当前表单实例传递给后代 3.for

>>阅读原文<<