{"_id":"@alvin-lin/al-form","_rev":"1-0422e2904ea639d126b4ae2292f1b130","name":"@alvin-lin/al-form","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@alvin-lin/al-form","version":"0.0.1","description":"```vue\r \r \r \r \r
\r \r \r \r \r \r
\r \r \r \r \r \r
\r \r \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n```\r\n#### 校验\r\n```javascript\r\n// validator.js里面定义了一些校验规则\r\nimport { isRequired, limitLength } from './validator';\r\nexport default {\r\n data() {\r\n return {\r\n // model传递给al-form使用\r\n form: {\r\n name: '',\r\n password: '',\r\n },\r\n rules: {// 表单里面各字段的校验规则\r\n name: [isRequired, this.checkName],\r\n // 可以是封装好的方法，也可以是自定义的异步校验规则\r\n // 注意返回结果的结构\r\n /*\r\n {\r\n type: 'checkName', // type为校验的名称\r\n msg: '名字重复',\r\n // msg为提示信息，如果校验通过，msg为null,\r\n // 后续也是根据msg的值来判断是否校验通过\r\n }\r\n \r\n */\r\n password: [limitLength(6, 12)],\r\n },\r\n };\r\n },\r\n methods: {\r\n // 模拟 异步校验\r\n async checkName(value) {\r\n if (!value) return;\r\n return await new Promise(resolve => {\r\n setTimeout(() => {\r\n console.log(value, 'value');\r\n resolve({\r\n type: 'checkName',\r\n msg: '名字重复',\r\n });\r\n }, 2000);\r\n });\r\n },\r\n beforeSubmit() {\r\n // 如何校验？\r\n this.$refs.form.validate(validate => {\r\n console.log(validate, '校验的结果'); // 成功还是失败\r\n });\r\n },\r\n },\r\n}\r\n```\r\n","readmeFilename":"readme.md"}