美文网首页
2019-11-29上传组件的和 表单验证的骚操作

2019-11-29上传组件的和 表单验证的骚操作

作者: _DevilTimer | 来源:发表于2019-11-29 11:54 被阅读0次

    学习vue 第4个月,这次接着上次的验证写一下坑

    首先 上传文件写成一个组件,写组件还是函数有返回数据的时候,肯定要想到做数据的扩展方式

    验证规则是个函数函数,函数套函数的写法 就是  柯里化的最好写法,把第一个函数的参数当作第二给函数的必备属性或者参数,依次类推

    15行的作用是为了给上组件做 FORM 验证用的,利用监听绑定相同的数组,来显示是否上传数据 1:引入的组件在初次被true,显示的时候,回执行生命周期,此时,watch不回监听props 传值的变化,所有初始生命周期赋值是一定要的

    2绑定的值必须要绑定props属性传进来的值,这样才能达到 监听父组件是否监听文件,因为props与$emit 形成了闭合数据

    3 另一种监听方式就是自定义验证表单了

    把依赖的外部数据当作参数传入 改变,就需要在一元函数上做一次封装,变成二元函数

    外层写一个写一个配置文件:

    写入你要自定义的函数 

    isEmpty: @参数  att  可以接收VUE 监听的属性 data,computed,methods等属性!【重点是规则写在计算属性中】 

                    @参数 extend 就是扩展返回对象属性配置

    把函数引入vue文件里,此时注意,把规则写在计算属性中 

    原因:==》 只有计算属性才能事实使用变化的this.data内部的属性动态值。写在data中 是取不到最新值的。

    这里回顾函数的默认值 用法   

    fun( val)  val存不存在 在内部 扩展运算【...val】  都不报错,但是如果使用内部属性就报错,这JS 报错机制是 值运行本层为NULL undefined ,也就是说上一次一定要是个  【对象】

    相关文章

      网友评论

          本文标题:2019-11-29上传组件的和 表单验证的骚操作

          本文链接:https://www.haomeiwen.com/subject/agiwwctx.html