父向子组件传值时,子组件需要用props属性接收传过来的值。接收的方式可以有两种
//第一种
props:["icon","icon-position"]
//第二种,这种方式对属性的掌控更强
props:{
icon:{},
iconPosition:{
type:String,
default:'left'
}
但是,如果父组件传的组,并不是子组件想要的值,怎么办? 我们需要对传过来的值进行验证。
props:{
icon:{},
iconPosition:{
type:String,
default:'left',
//这个函数叫做属性检查器 ,可以对传来的值进行验证,参数value就是传过来的值
validator(value){
//这里写验证的逻辑
if(value !== 'left'&& value!== 'right'){
return false
}else{
return true
}
}
}
}