利用model属性和.sync修饰符都可以达到子组件同步修改父组件的value 通过代码相比较而言,v-model写法更简单,如果是站在封装组件的角度来看,肯定是组件调用方法越简单越好,不需要特殊的规则最好。而.sync需要同时绑定prop和v-show。自定义v-model就可以把这些逻辑全部放在子组件进行,进而降低封装组件调用难度。
1. 设计表单 其中: rules绑定表单验证规则 model绑定表单数据对象 v-model绑定每一个input的值 clearable显示清空按键 show-password显示隐性密码按钮 prop为传入 Form 组件的 model 中的字段,与v-model一致,与 2. 设置rule以及自定义验证规则 其中 可以直接使用element定义好的验证规则 可以自定义验证规则...vue2.0...
校验规则写在vue中的data函数里的return中 自定义校验规则写到data函数内return外面 data() { // 校验手机号 var validtelephone = (rule,value,callback)=>{ let reg = /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(16[0-9])|(17[013678])|(18[0,5-9]))\d{8}$/; if(reg.test...