props的对象写法

Posted 2023-04-17

参考技术A

一、说明
父组件通过属性绑定向子组件传值，绑定的属性名称需要在子组件的 props 属性身上定义一下，可以简单定义为数组。
数组方式对于其要接受的参数有什么要求并不清楚，因此传入的参数可能会在开发子组件的人的意料之外，程序就会发生错误，就像我们在函数调用之前先检查一下函数一样。props也可以进行一个预先检查。
props 属性指向一个对象来规定各个绑定属性值的校验规则。
二、检查规则
1、type
声明参数允许的数据类型（检查规则只有一个type时可以简写；当参数可以是多种类型的其中一个的时候，使用数组来表示），类型可以是：

2、required
选项来声明这个参数是否必须传入， required: true 表示必传。

3、default
指定当父组件未传入参数时props变量的默认值。当type的类型为 Array 或者 Object 的时候default必须是一个工厂函数返回数据（对象和数组是引用类型）。

4、validator
当校验规则很复杂，默认提供的校验规则无法满足的时候可以使用自定义函数来校验，第一个参数即为传过来的值，用return作为函数返回。

element-ui表单校验prop的链式写法

类似这样的: 部分代码删减, 最主要的就是 element-ui表单校验prop的链式写法 :prop="'list.'+index+'.name'" 或者:prop="'list[0].name'"两种形式都可以访问 element源码中接收的是一个字符串，上面的里那两种形式都是可以的，最终经过源

那时候我只有一台录音机也没有电脑 也不敢奢求说唱会让自己的生活变好